Best Design systems skills for AI coding (2026)
industrial-brutalist-ui is the best design systems skill for AI coding — 37.9k GitHub stars, 103k installs. Strong alternatives: normalize and design-md.
Curated tokens, component libraries and design-system tooling for builders, ranked by real adoption (installs, then GitHub stars). Part of Frontend & Design — see the full best design skills shortlist.
Curated by Skillselion · ranked by adoption from the skills.sh registry & GitHub.
The top 12 design systems skills
| # | Skill | Author | Repo | For | Stars | Installs |
|---|---|---|---|---|---|---|
| 1 |  industrial-brutalist-uiApply a rigid industrial-brutalist design system when building data-heavy dashboards, portfolios, or editorial sites that should read like machinery manuals or tactical terminals. | leonxlnx | leonxlnx/taste-skill | Claude Code | 37.9k | 103k |
| 2 |  normalizeAudit a page or component and realign spacing, tokens, and patterns to your design system when UI has drifted from standards. | pbakaus | pbakaus/impeccable | Claude Code | 35.9k | 55k |
| 3 |  design-mdTurn an existing Stitch screen set into a DESIGN.md semantic design system so new UI prompts stay on-brand. | google-labs-code | google-labs-code/stitch-skills | Claude Code | 6k | 49k |
| 4 |  firecrawl-workflowsRoute Firecrawl to outcome-focused workflows that ship research reports, SEO audits, lead lists, design systems, and other structured web artifacts instead of one-off scrapes. | firecrawl | firecrawl/firecrawl-workflows | Claude Code | 29 | 14.2k |
| 5 |  penpot-uiux-designCreate and refine web, mobile, or desktop UI in Penpot via penpot-mcp tools, design systems, and accessibility patterns. | github | github/awesome-copilot | Claude Code | 34.6k | 10.9k |
| 6 |  kamiTypeset polished resumes, one-pagers, white papers, letters, portfolios, and slide decks with a consistent parchment-and-serif design system inside your coding agent. | tw93 | tw93/kami | Claude Code | 0 | 7k |
| 7 |  ui-design-systemInstall when you need a consistent UI design system—tokens, typography, and components—for agent-assisted frontend work. | samhvw8 | samhvw8/dot-claude | Claude Code | 10 | 3k |
| 8 |  figma-generate-libraryOrchestrate a codebase-aligned Figma design system—tokens, variants, light/dark theming, and component libraries—in the right build order alongside the figma-use API skill. | figma | figma/mcp-server-guide | Claude Code | 1.6k | 2k |
| 9 |  ui-ux-designerShape screens, wireframes, and token-based design systems with accessibility and research baked in before you implement UI in code. | sickn33 | sickn33/antigravity-awesome-skills | Claude Code | 40.1k | 1.8k |
| 10 | figma-create-design-system-rules Generate agent-specific design system rule files so Figma-to-code work follows your components, tokens, and folder conventions. | figma | figma/mcp-server-guide | Claude Code | 1.6k | 1.6k |
| 11 |  ui-typographyDrop proven CSS typography baselines and audit rules into new pages or design systems without guessing line length, scale, or paragraph rhythm. | bencium | bencium/bencium-marketplace | Claude Code | 273 | 1.3k |
| 12 |  figma-generate-designGenerate or refresh Figma screens from your design system so solo builders keep UI specs aligned before coding. | openai | openai/skills | Claude Code | 21.7k | 1.1k |
Common questions
What is the best skill for design systems?
industrial-brutalist-ui is the top-ranked design systems skill, with 103k installs and 37.9k GitHub stars — Apply a rigid industrial-brutalist design system when building data-heavy dashboards, portfolios, or editorial sites that should read like machinery manuals or tactical terminals..
How are these design systems skills ranked?
By real adoption — installs first, then GitHub stars — across curated skills matching tokens, component libraries and design-system tooling. Data from the skills.sh registry and GitHub.
How do I install industrial-brutalist-ui?
Run: npx skills add https://github.com/leonxlnx/taste-skill --skill industrial-brutalist-ui