🔓Awesome Claude Design: 68 ready-to-use design system inspirations in DESIGN.md format. Drop one in, scaffold a full UI in one shot.
// financeVoltAgent/★ 3,498◷ MIT[ claude ]
Projects tagged #design-system
// design-system (23)
🔓
🔓Designer Skills Collection: agentic skills, commands, and plugins for design — from research to systems, UI, interaction, and delivery.
// automationOwl-Listener/⟨Markdown⟩★ 2,077◷ MIT[ claude ]
🔓open-source skill that learns any brand and turns it into a complete design system. works on claude code and codex. install once, every UI your assistant bui…
// skillsdominikmartn/⟨JavaScript⟩★ 797◷ MIT[ claude ]
🔓A Claude Code SKILL for designing beautiful, consistent web pages — spec first, code second.
// skillsxiaopu-ai/⟨Python⟩★ 640◷ MIT[ claude ]
🔓A Claude Code SKILL for designing beautiful, consistent web pages — spec first, code second.
// skillsKAOPU-XiaoPu/⟨Python⟩★ 635◷ MIT[ claude ]
🔓Comprehensive UI/UX and Backend component design skills for AI-assisted development with Claude
// skillsancoleman/⟨Python⟩★ 509◷ MIT[ claude ]
🔓Open-source gallery of AI-generated UI experiments built with Claude (Fable 5), landing pages, hero sections, GLSL shaders, design systems, animations & 3D i…
// financepulkitxm/⟨HTML⟩★ 480◷ MIT[ claude ]
🔓Claude skill that analyzes images, websites, and Figma files and generates a structured design.md with token system, component inventory, and reconstruction…
// skillsuxKero/⟨Python⟩★ 161◷ MIT[ claude ]
🔓🎆 A Claude Code workflow that replicates ClaudeDesign — parallel design exploration, panel judging, synthesis, and adversarial refinement to a single world-…
// automationyizhiyanhua-ai/⟨HTML⟩★ 93◷ MIT[ claude ]
🔓The Open Analytics design language as an agent skill: component recipes with type-checked source, token CSS, and a CLI. Works with Claude Code, Cursor, or an…
// skillsOpenLabs-so/⟨TypeScript⟩★ 44◷ MIT[ claude ]
🔓A Claude skill that audits designs against 19 professional design rules.
// skillsAshutos1997/★ 74[ claude ]
🔓One line of intent → a presentation-grade, dark-editorial HTML deck. A Claude Code skill.
// skillskimsh-1/⟨CSS⟩★ 73◷ MIT[ claude ]
🔓One line of intent → a presentation-grade, dark-editorial HTML deck. A Claude Code skill.
// skillsgongnyang/⟨CSS⟩★ 73◷ MIT[ claude ]
🔓全网首个中文字体专业知识包：可商用中文字体库（授权三级分类）、场景×气质选字矩阵、中英混排与排版规则。让 AI 选中文设计字体不再甩给你一堆 Inter / Chinese font selection agent skill: license-safe free commercial CJK fonts, sc…
// skillsSongzhi-lab/★ 25◷ MIT[ claude ]
🔓Elite frontend design taste for Claude Code / Cowork — a merged synthesis of emilkowalski/skill, pbakaus/impeccable, and leonxlnx/taste-skill. Typography, co…
// skillsh3nryprod01/★ 32◷ MIT[ claude ]
🔓PencilPlaybook is the UI Skills / Taste-Skill for Pencil.dev + Claude Code — a design playbook that gives Claude real perceptual psychology and senior-level…
// skillsstevembarclay/⟨Python⟩★ 39◷ MIT[ claude ]
🔓Expansion pack of 100 curated color/font themes for Anthropic's theme-factory skill — 14 categories (aesthetic, brands, code-editor, painters, film directors…
// skillspatrickkrebs/⟨HTML⟩★ 22◷ Apache-2.0[ claude ]
🔓Teaches Claude to use a dozen visualization-building tools — raster, SVG, web, video, terminal, interactive, gaze plots, heatmaps, science figures. Brand tok…
// skillsandyed/⟨Python⟩★ 19◷ MIT[ claude ]
🔓v3.10.1 · Try it: npx roast-my-design-system · Roasts your design system with real data: a health score, the receipts, the first fixes ranked by payoff, and…
// pluginspencilrebel/⟨JavaScript⟩★ 11◷ MIT[ claude ]
🔓Plug-and-play MCP that gives your coding agent UI superpowers. One-line install, zero config. Claude Code, Codex, Cursor, VS Code, and more.
// devtoolsPythoughts-labs/⟨JavaScript⟩★ 27◷ MIT[ claude ]
🔓커머스 상세페이지를 Figma에 직접 제작하는 Claude Code 스킬 (detail-page-core 공용판)
// skillsHarinJin/★ 27◷ MIT[ claude ]
🔓AI agent skill bundle for Storybook on React + Vite — audit real-vs-slop components, capture flows, write CSF3 stories, ship. Claude Code / Codex / Cursor.
// skillsstrongeron/⟨TypeScript⟩★ 18◷ MIT[ claude ]
🔓MCP server that lets your AI assistant read and write Figma in real time — no API token, no rate limits. Works with Claude, Cursor, Copilot, Codex and any MC…
// mcp-servershoangann2000/⟨Go⟩★ 11◷ MIT[ claude ]