This repository provides a curated library of "agent skills" designed to enhance AI coding agents like Codex, Claude, and Cursor for UI/frontend development. It targets designers and builders seeking to automate complex workflows, generate detailed code from references, and establish reusable design systems and prompt libraries, ultimately accelerating the creation of rich user interfaces and frontend applications.

How It Works

The project structures AI agent instructions as portable, versioned files organized into skills. Each skill typically includes a SKILL.md file detailing its purpose, usage triggers, procedural steps, default parameters, and common pitfalls. Optional REFERENCES.md files link to external resources. This approach treats prompts and workflows as first-class code assets, emphasizing clear constraints, procedural execution, and reference-based design over abstract descriptions. Skills are designed to be loaded directly by compatible AI agents, enabling consistent, repeatable outputs.

Quick Start & Requirements

These skills are designed for direct integration with AI coding agents. No specific installation is required for the skills themselves, as they are plain Markdown files and folders. Users need to have compatible AI agents (e.g., Codex, Claude Code, Cursor) configured and operational. The primary interaction involves loading the relevant SKILL.md file or skill folder into the agent's context or rules. Specific agent setup guides are outside the scope of this repository.

Highlighted Details

• Flagship Workflows: Includes powerful skills like "Video to Super Prompt" (converting screen recordings to detailed HTML generation prompts), "HTML to Interaction Prompts" (generating reusable prompts from existing HTML), and "Stitched Full Page Capture" (capturing entire pages for comprehensive context).
• Design-First Prompting: Offers a structured system for UI prompting, defining goals, formats, layouts, types, colors, and constraints, promoting a "variants over rerolls" iteration strategy.
• Extensive Library: Contains over 75 skills categorized into Codex workflows, Media sourcing, UI design, and extensive Web design (covering layout, motion, WebGL, CSS treatments, and visual styles).
• Portability: Skills are designed to be portable and work across different projects and agent setups, avoiding secrets or private paths.

Maintenance & Community

The repository is maintained by Meng To. Specific details regarding community channels (like Discord/Slack), active contributors beyond the owner, sponsorships, or a public roadmap are not detailed in the README.

Licensing & Compatibility

The project is released under the MIT License, permitting commercial use and integration into closed-source projects with minimal restrictions.

Limitations & Caveats

The effectiveness of these skills is inherently dependent on the capabilities and specific implementation of the AI coding agent being used. While designed for portability, users may need to adapt skill parameters or context based on their specific agent setup and project requirements. The README does not detail performance benchmarks or specific compatibility matrices across different AI agent versions.