Loading...
Loading...
Skills, components, and design systems that make AI build premium interfaces. 400+ design skills indexed.
Ranked by coverage and community adoption.
getdesign.md
70 DESIGN.md files sourced from top brands including Apple, Stripe, and Vercel. The original design system directory.
designdotmd.directory
156 themed DESIGN.md files organized by style, industry, and complexity. The largest curated collection.
VoltAgent awesome-claude-design
68 community-contributed design systems with Claude Code integration guides and real-world examples.
Sticklight
22 frontend skills covering layout, animation, typography, and responsive patterns for AI agents.
21st.dev
Community-built React components designed for AI consumption. Copy-paste ready with Tailwind styling.
shadcn/ui
The component library for React. Accessible, composable, and endlessly customizable with Radix primitives.
Open CoDesign
Open-source alternative to Claude Design, v0, Lovable, Bolt. Turn prompts into polished artifacts locally with any model. Desktop app, BYOK, design-to-code.
Context.dev Generator
AI-powered DESIGN.md generator. Analyze any website and generate a complete design system file for Claude Code.
designmd.ai
Generate DESIGN.md files from text descriptions. Define your brand, get a structured design system for any AI coding tool.
design.dev Generator
Another DESIGN.md generator with AI-powered style extraction. Input your brand URL and get a ready-to-use design system.
Design.md Chrome Extension
Chrome extension that generates DESIGN.md files from any website you visit. One-click design system extraction.
design-ai
Open-source AI design assistant. Generate design systems, component libraries, and UI patterns from natural language.
Installed skills that shape how AI writes frontend code.
emil-motion
Animation decision framework from Emil Kowalski. Easing curves, spring physics, duration rules, gesture interactions, and performance-first motion design.
impeccable
23 design commands with anti-pattern detection. Typography, color, motion, spatial, interaction rules. Dual brand/product modes. By Paul Bakaus.
taste-skill
Senior UI/UX engineer overriding LLM biases. Metric-based rules for typography, color, layout. Bans Inter, purple gradients, 3-column card rows, and AI slop.
MagicUI→
Animated React components built for landing pages. Smooth transitions, scroll effects, and interactive elements.
Lucide React→
Beautiful and consistent icon library with 1,500+ icons. Tree-shakeable, TypeScript-native.
Radix UI→
Unstyled, accessible component primitives. The foundation under shadcn/ui and most modern React design systems.
Framer Motion→
Production-ready animation library for React. Declarative gestures, layout animations, and spring physics.
Includes every design system file, component skill, and premium pattern plus 1,700+ additional skills, agents, memory, and hooks.
Get AI Brain Pro