Design Systems agent skills
Curated design systems SKILL.md files for Cursor, Claude Code, VS Code, and Codex. Copy, download, and install in your agent.
6 skills
shadcn/ui
Add, search, fix, and compose shadcn/ui components with project-aware CLI context. Covers registries, presets, FieldGroup forms, semantic tokens, and composition rules for Cursor and Claude Code.
shadcn82kExtract Design System
Reverse-engineer design tokens from public websites into starter token files — colors, typography, spacing, radius, and shadows via Playwright extraction.
arvindrk65123.5kTailwind Design System
Build scalable design systems with Tailwind CSS v4: CSS-first tokens, OKLCH theming, CVA components, dark mode, and v3-to-v4 migration patterns.
wshobson35.7kTaste Design
Generate premium, non-generic DESIGN.md guidelines for Stitch with strict anti-pattern bans, semantic design language, and responsive/motion constraints.
google-labs-code5.1kStitch DESIGN.md
Analyze Stitch projects and generate semantic DESIGN.md files from screen metadata, HTML/CSS, and assets. Produces atmosphere, color roles, typography, component styling, and layout principles.
google-labs-code4kUI/UX Pro Max
Comprehensive design guide for web and mobile: 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, 25 chart types. Searchable database with priority-based recommendations.
nextlevelbuilder4.1k