Catalog
A curated library of design skill files for AI agents
67 ready-to-drop DESIGN.md and SKILL.md files that teach agentic tools your taste before they touch a pixel.
What it is. A curated GitHub list of 67 DESIGN.md and SKILL.md files, each one a plain-text document you drop into your project or agent context to tell an AI tool how to think about design. The files cover things like typography rules, component conventions, spacing logic, and visual tone, written in a format that agentic tools can actually read and act on.
What it plugs into. Claude Projects (via CLAUDE.md or DESIGN.md in the project root), Google Stitch, Cursor, Codex, and other tools that accept context or skill files at the start of a session. The list lives at github.com/bergside/awesome-design-skills and points out to a browsable directory at typeui.sh.
Why it helps. When you are generating UI or asking an agent to write component code, the output defaults to whatever the model was trained to consider normal, which is usually generic and a little flat. A skill file shifts that baseline. You are not re-explaining your grid system or your type scale every prompt. It is already in the context, and the agent carries it through the whole session.
How to set it up. Browse the list and find a file that fits your stack or is close enough to edit. Download it, adjust any specifics to match your actual system (your font choices, your token names, your spacing scale), and place it where your tool expects it. In Cursor that is usually the project root. In a Claude Project you attach it as a file or paste it into the project instructions. Most of these files are short enough to read and tune in under ten minutes.
Limits. The list is community-contributed, so quality varies. Some files are thorough and well-reasoned; others are thin or written for a specific company’s setup and need real work before they are useful to you. The format also depends on the tool actually reading and weighting the context file, which is not guaranteed the same way across every agent. And 67 files sounds like a lot until you realize your specific combination of design system, framework, and tool may not have a close match, meaning you will likely end up treating these as starting points rather than finished solutions.