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.
8 skills
Create DESIGN.md
Create or update a DESIGN.md from a product repo or public site—document the governing design language, tokens, and guidance without copying every implementation detail.
ibelick8.3k2.1kMaterial 3
Google Material Design 3 (Material You): tokens, components, adaptive layout, theming, and accessibility—primarily Jetpack Compose Material3.
hamen1.3k1.7kshadcn/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