Design systems
1,424 rows, by stacks then stars
503 of these skill files have been read, by 501 distinct authors, and what they tell an agent counted. What Design systems authors agree on, and what they forbid
htmlstreamofficial/preline/skills/theme-generator Skill
no license6,380★ repoPreline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.
silverstein/minutes/.agents/skills/impeccable Skill
1,426★ repoEvery meeting, every idea, every voice note — searchable by your AI. Open-source, privacy-first conversation memory layer.
zanwei/design-dna Skill
1,329★Turn reference UIs (images, screenshots, URLs) into quantified Design DNA JSON—tokens, qualitative style, visual effects—then generate matching UI from your content.
AlpacaLabsLLC/skills-for-architects/skills/color-palette-generator Skill
303★ repoClaude Code skills for architecture, real estate, and workplace strategy. Type /skill-name and go.
arvindrk/extract-design-system/skills/extract-design-system Skill
180★ repoExtract design tokens (colors, typography, spacing, border radius, shadows) from any public website. Generates JSON and CSS custom properties for local projects. Available as an AI agent skill (Claude, Cursor, Codex) and standalone CLI.
oikon48/cc-frontend-skills/skills/frontend-design-system Skill
69★ repoClaude Code plugin for creating frontend UIs that avoid generic AI aesthetics. (Claude Skills is written in Japanese)
MohtashamMurshid/getdesign/skills/getdesign Skill
45★ repoOn-demand design systems from any URL. Five surfaces, one agent: web, API, CLI, TypeScript SDK, and a portable agent skill that runs inside Claude Code, Codex, and Cursor.
siddik-web/wp-block-theme-converter Skill
41★A Claude skill for converting any HTML/CSS/JavaScript project into a production-ready WordPress Block Theme (Full Site Editing).
dembrandt/dembrandt-skills/skills/algorithmic-color-palette Skill
36★ repoSenior-level UX and design-system knowledge, packaged so your AI agent applies it automatically.
madflojo/go-style-agent-skill/skills/go-style-guide Skill
35★ repoAgent Skill for writing Golang code
mofirojean/angular-ui-skills/skills/angular-material-developer Skill
28★ repoAgent skills that teach AI coding assistants how to build Angular apps with popular UI component libraries.
patrickkrebs/theme-factory-addon Skill
22★Expansion pack of 100 curated color/font themes for Anthropic's theme-factory skill — 14 categories (aesthetic, brands, code-editor, painters, film directors). Apache-2.0.
Kappaemme-git/build-startup-brand Skill
20★Build a distinctive startup brand identity with Codex and receive an openable visual report.
devPnal/design-system-is-all-you-need/design-system-is-all-you-need Skill
18★ repoA collection of guideline prompts created to refine the often awkward design traits of generative AI by applying a modern design system, intended for use in Claude, Codex or other vibe coding tools
Webba-Creative-Technologies/forge/skills/forge Skill
17★ repoA React component library with built-in motion, themeable tokens, and AI skill packs for Claude Code and Cursor.
miapre/html-to-figma-design-system/io.github.miapre/html-to-figma-design-system MCP server
13★ repoTranslate HTML prototypes into Figma using your design system's real components and tokens.
pivyme/suiperpower/core/skills/build/brand-design Skill
12★ repoBuild something meaningful, on Sui. A superpower for AI coding agents (Claude Code, Codex, Cursor, Grok Build) to ship real products on Sui.
Lombiq/Orchard-Core-Agent-Skills/skills/orchard-core-theming Skill
8★ repoReusable, agent-agnostic knowledge packs for Orchard Core development, focused on theming, shapes, content modeling, and evidence-first workflows.
piaoyinghuang/brand-consistency-ai-skill Skill
7★Keep every marketing deliverable perfectly on-brand — works with Claude, GPT-4, Gemini, and any LLM
SuanFishXYY/suanfish-design-system Skill
no license7★🐟 Suanfish Design System — 33 specialized AI design agents across 7 tiers with REJECT mechanism. Multi-agent design language SKILL for Claude Code / Codex CLI / Copilot CLI. v2.5 adds AI-native Path G (streaming · tool-calls · reasoning · citations · artifacts).
DTM-repo/skills/plugins/ron-draper/skills/ron-draper Skill
no license6★ repoAn incisive, source-available brand-distillation skill for Claude, Codex & any SKILL.md tool. Finds the kernel hiding in your product's name, then builds a full brand kit to hand to the coding agent of your choice. You can't be Don (or afford him). But Ron's available.
chyinan/terminal-ui-design-system Skill
no license6★A complete terminal-style UI design system for IDE Skills
software-ai-life/Awesome-IG-Design-Skills/bold-typography-ig-post-skill Skill
no license5★ repoReusable Instagram design skills for AI agents, focused on high-quality 4:5 social post aesthetics, style systems, cover references, and visual QA.
martgueritainaccurate875/skills/plugins/pptx-plugin/skills/color-font-skill Skill
5★ repoPower AI coding agents with structured skills for frontend, fullstack, mobile, and shader development
kenneives/design-token-bridge-mcp/io.github.kenneives/design-token-bridge-mcp MCP server
5★ repoTranslate design tokens between Tailwind, Figma, CSS, Material 3, and SwiftUI
rfxlamia/pocketto/skills/brand-design Skill
4★ repoA middleweight workflow for serious AI-coded features: less ceremony than BMAD, more accountability than Superpowers. Source : Trust Me Bro.
billhector/design-skills/skills/design-auditor Skill
4★ repoClaude Code skills for extracting design systems from websites and auditing existing projects — with Tailwind v4 theme generation and WCAG accessibility checks
connerkward/ckw-design-skill Skill
4★ckw-design — Conner K. Ward's frontend design skill for Claude Code: direction, design system, visual philosophy.
Cash4478/design-system-skill Skill
4★khshanovskyi/custom-agent-skills/agent_demo/_skills/style-guide Skill
no license4★ repoProject to demonstrate custom implementation of agent skills
archetypeai/agent-skills/skills/atai-design-system Skill
4★ repoAgent skills for building with Archetype AI's Newton — sensor intelligence via /query (fusion, Omega embeddings, data prep, design system)
aa-on-ai/agentic-design-system/io.github.aa-on-ai/agentic-design-system MCP server
4★ repoRender web and SwiftUI evidence, run explicit visual judgment, and trace ADS UI decisions.
LoserLab/specimen Skill
2★Specimen is a Claude skill that generates structured typography systems from configuration.
Tricholomaaurantiumknottiness355/design-dna Skill
2★Extract, structure, and apply visual design identity as machine-readable Design DNA across tokens, style, and effects
erenisci/claude-design-prompter/claude-design-brand Skill
2★ repoTwo Claude Code skills that turn your repo into paste-ready Claude Design prompts — brand-aware, project-type-tuned, language-aware, file-persisted.
gusbavia/pbi-theme Skill
2★Agent skill that generates production-ready Power BI themes from 3 brand colors: ~5,800-line theme JSON, branded SVG canvas, design-system PDF, CSS tokens and DAX HTML visual examples. WCAG-aware, light and dark.
netresearch/netresearch-branding-skill/skills/netresearch-branding Skill
no license2★ repoAgent Skill for implementing Netresearch brand guidelines - colors, typography, components | Claude Code compatible
marceloeatworld/mdbook-ai-skill Skill
no license2★Auto-updated mdBook documentation for AI coding assistants — works with 33+ tools via the Agent Skills standard (SKILL.md)
WCF900905/screenshot-to-design-system Skill
2★Agent Skill for Cursor, Claude Code & Codex: turn UI screenshots into design tokens and a 24-category component library demo.
Mine77/lovable-design-skills/skills/lovable-design-system Skill
no license2★ repoA Lovable-inspired design skill for AI coding agents to create distinctive, production-grade frontend UI.
ethan-ngai/skills/skills/design-system Skill
2★ repoPractical, composable agent skills for engineering work and personal development.
s-a-s-k-i-a/design-md-skill Skill
no license2★Auto-generate a spec-conformant DESIGN.md from your existing design tokens (theme.json, Tailwind, CSS variables, DTCG). The Claude Code skill that makes your design system AI-readable in one command.
maiconlara/design-system-extraction Skill
1★Extract design tokens (colors, typography, spacing, border radius, shadows, component states, motion) from any public website by reading its real CSS. WCAG-validates every contrast pair and outputs an implementation guide for coding agents. Agent skill for Claude Code, Cursor and claude.ai, plus a standalone contrast CLI.
skullninja/skills/ios-design/skills/ios-color-palette Skill
1★ repoSkills and agents for Claude Code
roman-rr/roman-cyber-garage Skill
no license1★Dark cyberpunk design system skill for Claude Code, Codex & AI agents — production-tested theme with 30+ colors, 15+ components, copy-paste CSS
LoserLab/devourer Skill
1★Devourer is a Claude skill that transforms color palettes into complete production-ready UI components.
dradis/dradis-claude/plugins/dradis-core/skills/html-theme Skill
1★ repoOfficial, Dradis-managed directory of high quality Claude Code Plugins for Dradis Framework.
luminary19/atelier/skills/atelier-components Skill
no license1★ repoAtelier - a premium, anti-slop frontend design skill suite for Claude Code: 11 skills + a deepdive knowledge base.
douinc/agent-skills/skills/design-md-to-shadcn Skill
1★ repoAgent skills for Claude Code, Copilot, Codex, and Gemini CLI — Figma icons (Iconify), logos (SVGL), Korean UX Writing, and more.
shapediver/agent-skills/skills/shapediver-appbuilder-fork Skill
no license1★ repoAgent skills for ShapeDiver
dillonschultz93/quieto-skills/design-token-audit Skill
1★ repoAgentic agent skills for the Quieto Tokens design token CLI. Each skill wraps a CLI command into a conversational workflow invocable via slash command.
simongonzalezdc/web-typography-skill Skill
1★Apache-2.0 AI-agent skill for readable, accessible, high-performance web typography.
XINGANLIU/design-system-generator-skill/skills/design-system-generator Skill
1★ repo🎨 One color in → Full design system out. AI agent skill for generating production-ready design systems.
Joe-Simo/skills/skills/apple-design-system Skill
1★ repoCommunity Agent Skills by joe-simo, including a Vercel Geist design-system skill for polished UI and companion routing.
Visual design system extractor
srinitude/visual-design-system-extractor/skills/visual-design-system-extractor Skill
1★ repoAgent Skill for extracting visual design systems from reference imagery
KunalKumarkkr01/design-system-extractor/skills/design-system-extractor Skill
1★ repoReverse-engineer any live website's design system into an implementation-ready design.md + screenshots, by driving a real browser with the Chrome DevTools MCP. Ships as an agent skill, a Claude Code plugin, and an npx installer.
m2kky/mm-design-systems/skills/mm-atlassian-design Skill
1★ repoMM Design Systems: Premium Agent Skills for UI/UX, System Design, Apple HIG, Material 3, and Frontend architecture.
jpbaking/lazyway-io-design/skills/shared/lazyway-io-design Skill
no license1★ repoThe lazyway.io design system as a portable kit: tokens, component classes, zero-dependency JS, favicon tooling, and an Agent Skill that keeps AI-generated UI on-brand
sarveshsea/remember-design-system Skill
1★Compact repository design-system memory Agent Skill for AI coding agents
Mr-DS-ML-85/web-desg-skill Skill
1★The first full visual reverse-engineering skill for AI agents — screenshots, runtime debugging, design tokens, and cloning.