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
PlayWithAndyJin/modernduang-skills/skills/modernduang-theme-custom Skill
no license1★ repo帮助用户快速配置Hexo的一个主题Modern Duang，同时帮助用户排查部署可能遇到问题。也可以帮助用户自定义主题。| Help users quickly configure Modern Duang, a topic of Hexo, and help users troubleshoot possible deployment problems. It can also help users customize themes.
ajwadrana/skills/ios-design/skills/ios-color-palette Skill
1★ repoProvide reusable skills, agents, and commands for Claude Code to improve workflow and iOS UX design with clear structure and integration.
alibugatekinn/agent-skills-mcp/skills/cartoon-design-system Skill
0★ repoMCP server that publishes a catalog of Markdown-based agent skills in Anthropic's SKILL.md format, served over Streamable HTTP.
roman-rr/ui-skills/cyber-garage Skill
no license0★ repoUI Skills — dark cyberpunk design system and more. For Claude Code, Codex, Cursor & AI agents.
sonkd/Figma-MCP-x-Claude/ui-designer Skill
no license0★ repodesign system refactor plan
Win-Hao/plan-ios-app Skill
no license0★you can make a plan before want to make a ios app
brianamazzio/design-system-toolkit/skills/design-system-generator Skill
0★ repoTwo Claude Code skills for design systems: generate one from a brand interview, or import an existing one from Figma into a spec + code tokens + visual guide.
1marcelserrano/design-canon/skills/design-canon Skill
no license0★ repoAplica uma disciplina de design (Vignelli, suíça ou nenhuma) aos tokens de qualquer design system e exporta em CSS, SCSS, Tailwind v4, JSON, W3C Design Tokens e Style Dictionary. Skill do Claude, determinística.
SkillMedev/design-system-builder/skills/animation-system Skill
0★ repoFrom tokens to components to documentation — the complete design system workflow.
SkillMedev/motion-video-direction/skills/kinetic-typography Skill
0★ repoThe craft layer for software video — storyboarding, motion principles, type, color, sound, and social cutdowns
raju-bd/Oracle-apex-ut-UI.skill Skill
no license0★Design-token skill for Oracle APEX Universal Theme 42 (Vita) — 300+ CSS tokens, 45 component types, and a new Theme Style, built for AI-assisted UI.
sayonsom/srib-godot-skills-demo/.claude/skills/srib-design Skill
0★ repoStandalone proof that six Claude Code skills develop a Godot 4.6 feature end-to-end: from an Excel backlog to a runnable SmartThings home view (shaders, animation, UI, integration). Includes one-step Linux/Windows setup.
victoryoalli/stripe-design-skill Skill
0★Color-agnostic Stripe design system skill for Claude Code
parasvishwa/beautify-flutter Skill
0★Flutter UI/UX design skill for Claude Code, Cursor & AI coding agents. Material 3 theming, dark mode, animations, anti-patterns - make Flutter apps look designed, not defaulted.
Shawnchee/design-scan/skills/design-scan Skill
no license0★ repoClaude Code skill: scan any live website into a replication-grade design.md — layout, typography, colors, and animations via a bundled Playwright crawler
PatNoO/design-extractor/.claude/skills/design-extractor Skill
0★ repoAn AI Agent Skill for Claude Code that automatically extracts design systems from codebases. Generates a single, ready-to-run Figma script that reconstructs tokens, components, and frames with 1:1 accuracy.
lori-super/process-evolution-infographic Skill
no license0★Codex Skill that turns any topic into a museum-grade process-evolution infographic prompt.
NicolasHoyosDevss/Awesome-disruptive-readmes/skills/readme-design-system Skill
no license0★ repoReusable Codex skills for creating visual, portfolio-grade GitHub READMEs with a consistent AI Engineering identity.
Ficere/MarkCraft Skill
0★MarkCraft: 把 Markdown 文档、README、技术笔记转换成高可读性、带科技风视觉的 PDF 报告，团队名称和 slogan 等品牌装点完全可选。Agent Skill + CLI for polished, readable Markdown-to-PDF reports with CJK support, clean tables, code blocks, citations, icons, and real examples.
PARS-DOE/doe-skills/doe-branding Skill
no license0★ repoAgent skills for DOE work: branding, Empower (EVMS) reference docs, and PARS CPP JSON tools
srinitude/ios-design-system-atoms/skills/ios-design-system-atoms Skill
0★ repoAgent Skill for deterministic iOS design-system atom YAML from reference images
Flutter adaptive design system
abdouldotdev/flutter-adaptive-design-system Skill
0★Platform-adaptive Flutter design system Agent Skill — iOS renders Cupertino, Android renders Material 3. 41 production-tested adaptive widgets. Install: npx skills add Prodevking1/flutter-adaptive-design-system
akiyax/skills/skills/grill-me-visual Skill
no license0★ repoAgent skills
danieloleary/design-md-for-codex/examples/minimal-repo/.agents/skills/design-system Skill
0★ repoA Codex skill that makes agents read DESIGN.md before frontend UI work.
Dweeb1578/claude-grounding-skills/skills/design-extractor Skill
0★ repoAnti-slop Claude Code skills: ground Claude in measured reality — live GitHub SOTA ranking + real design-token extraction — instead of training-data priors.
arham777/ui-ux-kit Skill
0★Taste-first, anti-AI-slop design skill for any web or app UI — routes the brief to the right rules (landing, dashboard, product, e-commerce, mobile, redesign) and documents the result in a DESIGN_SYSTEM.md. Portable SKILL.md for Claude Code, Cursor, Codex & more.
fmanimashaun/claude-skills/skills/fidara-design Skill
0★ repoAgent Skills that teach Claude to build Rails 8.1 apps — vanilla-first stack, pure RSpec, Hotwire (Turbo/Stimulus/Native), OpenAPI via rswag, ruby_llm AI, Kamal 2 deploys
shivtchandra/design-director/skills/design-director Skill
0★ repoAgent skill that plans colors, fonts, and motion from real catalogs — then ships UI.
lucas-carvajal/agent-skills/skills/html-theme Skill
no license0★ repoCollection of skills for agents
gio-del/skills/skills/content/design-system Skill
0★ repoGio's personal agent skills for coding agents — small, composable, installable via npx skills@latest add gio-del/skills
TimekeeperXY/md2wechat-theme-builder-skill Skill
0★Open Agent Skill for generating and validating md2wechat themes from reference images or style descriptions
jjromero88/jjromero-skills-dev/angular-design-system Skill
0★ repoClean Architecture para .NET + SQL Server + Angular, destilada de años de experiencia real en decenas de proyectos en producción.
tabrezdal/skills-by-tabrezdal/design-grammar Skill
0★ repoA growing collection of Agent Skills for Claude and other AI coding agents — starting with Design Grammar, a modular UI/UX & product design reference.
qlhouseClub/design-grandmaster Skill
0★Adaptive design direction and execution skill
Br0ski777/color-palette-x402/io.github.Br0ski777/color-palette MCP server
0★ repoGenerate harmonious color palettes — complementary, analogous, triadic. x402 micropayment.
dragnoir/Shopify-Theme-Inspector-MCP/io.github.dragnoir/shopify-theme-inspector MCP server
0★ repoProfile Shopify Liquid performance, find slow theme code, and explain fixes in plain language.
lazymac2x/color-palette-api/io.github.lazymac2x/color-palette MCP server
no license0★ repoCloudflare Workers MCP server: color-palette
CodeDrobe/skills/skills/codedrobe-theme Skill
241★ repoAgent Skills for theming AI desktop apps: reference image → reversible Codex/WorkBuddy skin → verify, repair, publish. | 给 AI 桌面应用换肤的 Agent Skills：参考图 → 可逆皮肤 → 验证、修复、发布。
cxcscmu/SkillLearnBench/skills/b1-one-shot-claude-haiku-4-5/anthropic-poster-design/anthropic-brand-colors Skill
75★ repo[COLM'26] SkillLearnBench is the first benchmark for evaluating continual learning methods that automatically generate agent skills.
wigtn/wigtn-plugins/plugins/wigtn-plugins/skills/design-system-reference Skill
45★ repoClaude Code Plugins for AI Native-based Engineer
sanky369/vibe-building-skills/skills/creative/creative-strategist Skill
29★ repoOpen-source agent skills library for building SaaS, marketing systems, creative assets, and frontend design workflows
mofirojean/angular-ui-skills/skills/ng-zorro-developer Skill
28★ repoAgent skills that teach AI coding assistants how to build Angular apps with popular UI component libraries.
AutumnsGrove/ClaudeSkills/brand-guidelines Skill
no license26★ repoSkills for Claude.ai and Claude Code
AlterLab-IEU/AlterLab_GameForge/skills/agents/game-art-director Skill
26★ repo🎮 34 production-grade Claude Code skills for indie game development — studio agents, workflow skills, engine specialists, genre packs, and CI validation. From concept to launch.
mattbx/shadcn-skills/skills/shadcn-component-review Skill
15★ repoSkills for building better shadcn/ui apps. Discover 1,500+ existing components before building custom, and review components against shadcn patterns & theme styles (Vega, Nova, Maia, Lyra, Mira).
martgueritainaccurate875/skills/plugins/pptx-plugin/skills/design-style-skill Skill
5★ repoPower AI coding agents with structured skills for frontend, fullstack, mobile, and shader development
billhector/design-skills/skills/design-extractor Skill
4★ repoClaude Code skills for extracting design systems from websites and auditing existing projects — with Tailwind v4 theme generation and WCAG accessibility checks
Amalia6767/curator-skills/skills/exhibition-theme-brainstorm Skill
4★ repo策展人的 AI 技能套件｜9 个 Claude Code Skills 覆盖展厅投标全流程：标书分析、主题推导、方案设计、画册撰写、防幻觉验证。Exhibition bidding & curation skills for Claude Code.
Darcos-Loft/fluid/design-system Skill
3★ repoAnti-generic design skills for AI agents: fluid (motion) + design-system (identity) + a deterministic detector. Extracted from production.
markdavidgan/apple-dev-skills/platforms/claude/skills/app-brand-identity Skill
3★ repoApple platform development skills for Claude Code, Cursor, Kimi Code, Antigravity, Codex CLI, and Agy.
webmilmind1/claude-plugins/frontend-kit/skills/bklit-ui Skill
no license2★ repoFrontend Design Kit for Claude Code — UI, UX, components, charts & animation. KokonutUI, Bklit UI, and Anime.js skills in one installable plugin.
OneWave-AI/open-agent-stack/plugins/brand-kit/skills/apply-style Skill
2★ repoOpen-source plugins, managed agents, multi-agent orchestrators, and design tokens for Claude Code, the Agent SDK, and any AI tool. By OneWave AI.
IamK77/Skill/skills/atelier/color Skill
2★ repoAgent-era skill suites for Claude Code: engineering lifecycle + distributed systems, gated by the checklist CLI
tkolleh/skills/color-accessibility Skill
1★ repoMy personal directory of AI Agent skills
vinsonconsulting/claude-skill-foundry/skills/ascii-art/ascii-img-react Skill
1★ repoA scoring harness for Claude Agent Skills. Each carded skill ships a Skill Card: a SkillSpector security scan and trigger evals, generated and gated in CI.
praveentewatia26/award-grade/skills/design-dna-forge Skill
1★ repoAn award-grade AI design agency as composable Claude skills — 8 skills, one enforceable canon, and an adversarial judge that can refuse to ship. Eyes (evidence collector), memory (taste ledger), honesty (MEASURED/EMULATED/HUMAN).
popjam-io/skills/skills/brand-guideline-extraction Skill
1★ repoFree agent skills for marketing, ads & creatives by POPJAM.IO — npx skills add popjam-io/skills
duckyman-ai/agent-skills/skills/design-md Skill
1★ repo🦆 Ducky's agent skills collection
dillonschultz93/quieto-skills/design-token-category-add 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.
Xuan0629/shared-skills/design-system Skill
no license1★ repoOne source. Every agent. Zero drift. | 跨 Agent 共享 Skill 管理系统 — 单一数据源，同步到 Claude Code / Codex / Hermes / OpenClaw