Design Skills Directory
A curated browser of agent skills that teach AI coding tools professional UI and UX craft
Gallery
About Design Skills Directory
Design Skills Directory is a curated collection of agent skills that help AI coding tools produce better interfaces. If you use Cursor, Claude Code, Codex, v0, Bolt, Lovable, or similar AI-assisted development tools, you've probably noticed that default output can look generic. These skills inject production-grade design patterns, typography rules, motion guidelines, and visual taste directly into the agent's context so the code it generates ships with craft instead of looking like a template.
The directory organizes over 118 skills in a three-pane explorer. You browse by creator, topic, or tag. Topics range from frontend fundamentals to Three.js, accessibility, motion, and interaction design. Each skill comes with documentation, before-and-after demos, and sometimes live galleries showing what the agent produces when the skill is active. The goal is to close the gap between what AI tools can build quickly and what actually looks good.
Featured skills include Hallmark, which focuses on anti-generic design for new pages and redesigns; Taste Skill, which enforces opinionated UI and UX decisions; and Impeccable, which has over 196,000 installs and emphasizes craft-focused interfaces. These aren't templates you copy and paste. They're instructions that shape how the agent reasons about layout, spacing, color, and motion when it writes code.
The directory is aimed at developers who want their AI output to clear a higher bar. Maybe you're prototyping fast and don't want to spend hours cleaning up the result. Maybe you're shipping directly to production and need the first pass to be close to final. Either way, the premise is that better instructions produce better work, and this is where those instructions live.
There's no pricing information or contact email visible on the site. The directory links to agent-design.com for additional resources. It appears to function as a free discovery layer, though individual skill authors may have their own terms.
For anyone frustrated with generic AI output, the directory offers a practical fix: find a skill that matches your taste, feed it to your agent, and watch the quality improve.
Key Features
- 118+ curated agent skills
- Three-pane explorer interface
- Before and after demos
- Topic and creator filtering
- Keyboard navigation support
- Links to live skill galleries
Pros & Cons
What we like
- Directly improves AI coding tool output quality
- Organized by topic and creator for easy discovery
- Demos show real before and after results
- Covers motion, accessibility, and visual systems
Room for improvement
- No pricing or terms visible on site
- Quality varies by individual skill author
- Requires compatible AI coding tool
- Skill installation process not documented on main page
Frequently Asked Questions
What is Design Skills Directory?
Is Design Skills Directory free?
Who is Design Skills Directory for?
What tools does it work with?
Best For
Featured in
Alternatives to Design Skills Directory
View all
Framer
Visual website builder that lets designers ship production-grade marketing sites with real CMS, SEO controls, and code components.

Lewdly
An AI image and video generation studio with many models, LoRA training, and an API.

Apatero Studio
Creator studio for AI image, video, audio, 3D, and avatars. Every model worth using, in one workspace.
Pixel Painters
Unlimited graphic design subscriptions built only for churches and ministries
Reviews (8)
Recommended without reservation
Came to Design Skills Directory after getting frustrated with what I had before. Got real value out of topic and creator filtering. What stands out is how little babysitting it needs. Recommending it to people in a similar spot.
Finally something that fits
Have been running Design Skills Directory for a while, here is where I land. The defaults are sensible, so I was not fighting settings on day one. Found it works best for exploring community-contributed agent skills.
Pulled its weight from week one
Have been running Design Skills Directory for a while, here is where I land. It does what it says, which is rarer than it should be.
Solid daily driver
Came to Design Skills Directory after getting frustrated with what I had before. It slotted into my routine without much fuss.
Powerful once it clicks
Started using Design Skills Directory casually, now it is pinned in my dock. Their take on organized by topic and creator for easy discovery is genuinely good. One thing that bugs me is skill installation process not documented on main page.
Quietly excellent
Three months of Design Skills Directory later, here is what holds up. The before and after demos is more useful than I expected.
Two months in, no regrets
Design Skills Directory has quietly become part of my daily flow. Their take on before and after demos is genuinely good. Worth it for what I get out of it.
Quietly excellent
Came to Design Skills Directory after getting frustrated with what I had before. It slotted into my routine without much fuss. The defaults are sensible, so I was not fighting settings on day one. Mostly using it for improving default output from cursor or claude code. It earns its place in my stack.
Related Tools
Figma
Collaborative interface design tool

Apatero Studio
Creator studio for AI image, video, audio, 3D, and avatars. Every model worth using, in one workspace.
Tailwind CSS
Rapidly build custom designs without leaving your HTML

Marvel
Lightweight prototyping platform for turning images and screens into clickable mobile and web prototypes.