</>MCP Agents Market
Skill

Skills

by MengTo5.5kHTMLUpdated 2026-08-18

Agent skills for designers and builders using Codex, Claude, Cursor, and other AI coding agents

CodexClaude CodeCursorAura BuildLovable

Skills is a comprehensive library of agent skills for designers and builders working with Codex, Claude, Cursor, and other AI coding agents. The repository contains 123+ portable skill folders—each with a SKILL.md playbook and optional references, demos, and scripts—that teach agents repeatable workflows for building user interfaces, landing pages, Three.js games, animations, and design systems. Skills are organized into five categories: Codex workflows, media sourcing, UI prompting, game development, and web design techniques. Each skill provides clear triggers, procedural steps, defaults, and guardrails that turn good prompts into versioned, reusable assets agents can consistently follow across any project.

Key Features

123+ portable agent skills organized across Codex workflows, UI, game development, media, and web design categories
Video-to-superprompt workflow that turns screen recordings into detailed prompts for one-shot HTML generation
HTML-to-interaction-prompts skill that extracts reusable prompts for sections, animations, buttons, and WebGL effects from existing pages
20 game development skills covering isometric ARPGs, enemy systems, combat design, inventory, VFX, and playable Three.js workflows
81 web design skills for Awwwards-quality sites, GSAP animations, WebGL effects, CSS treatments, and visual style systems
Portable folder structure with SKILL.md playbooks, optional REFERENCES.md, ARTICLE.md, demo/index.html, and PROMPT.md files
Design-first UI prompting system with structured templates, variants-over-rerolls workflow, and 2-pass typography approach
Plain Markdown format that works across Codex, Claude Code, Cursor, and other agents without special tooling

Use Cases

  • 01Turn landing page screen recordings into super-detailed prompts that AI agents can use to generate production HTML
  • 02Extract reusable interaction prompts from existing Aura Build or HTML pages for consistent animations and effects
  • 03Build playable Three.js browser games with structured enemy systems, combat mechanics, and level authoring workflows
  • 04Create Awwwards-quality landing pages with cinematic scroll, WebGL backgrounds, GSAP animations, and Tailwind styling
  • 05Automate daily UI inspiration capture by browsing sites, taking screenshots, and generating prompt packs
  • 06Develop consistent design-first UI workflows with structured prompts, guardrails, and negative constraints for AI agents

Related Skills

View more

Skills — FAQ

What is the Skills agent skill library?+

Skills is a curated collection of 123+ agent skills (SKILL.md playbooks) that teach AI coding agents like Codex, Claude, and Cursor repeatable workflows for web design, game development, UI prompting, and automation. Each skill folder contains procedural steps, defaults, guardrails, and optional demos that agents load and follow.

How do I install and use Skills with my AI agent?+

Clone the repository and point your agent at the relevant SKILL.md file before acting. For Codex, load the SKILL.md directly; for Claude Code, reference skills from CLAUDE.md or copy into your setup; for Cursor, point rules or chat context at the specific skill folder. Each skill is self-contained and portable across projects.

Which AI clients and agents work with Skills?+

Skills supports Codex, Claude Code, Cursor, Aura Build, Lovable, and other AI coding agents that can read Markdown instructions. The format is intentionally plain Markdown and folder-based so any agent can load and follow the procedural playbooks.

Do I need API keys or prerequisites to use Skills?+

The core Skills library requires no API keys—just an AI agent capable of reading Markdown files. Individual skills may reference external services (e.g., ElevenLabs for TTS, Unsplash for images, Aura Assets) that require their own accounts or keys, but the skills themselves are free and open-source.

Is Skills free and open-source?+

Yes, Skills is released under the MIT License and hosted on GitHub at https://github.com/MengTo/Skills. All 123+ skills are free to use, fork, and adapt for your own agent workflows.

How do I create my own agent skill for this library?+

Create a folder under agent-skills/<category>/<skill-name>/ with a SKILL.md containing frontmatter (name, description), trigger conditions, procedural workflow, pitfalls, and acceptance checks. Optionally add REFERENCES.md for links, demo/index.html for visual proof, and demo/PROMPT.md for recreation prompts. Keep skills portable with no secrets or private paths.

How do I install Skills?+

Open the source repository on GitHub and follow its README. Skills is a skill — MCP Agents Market links you directly to the official repo.

Is Skills free?+

Skills is an open-source project hosted on GitHub. Check the repository for its license and any usage requirements.

Related searches