#design-system

C

A Claude skill that audits designs against 19 professional design rules.

S

Spotkit, a Claude Code skill that turns a feature description into minimal, abstract SVG product illustrations that all belong to one design system.

D

One line of intent → a presentation-grade, dark-editorial HTML deck. A Claude Code skill.

U

Design intelligence engine for AI coding tools (Claude Code, Cursor, Windsurf). Deterministic anti-AI-slop linter with 152 rules, 160 brand specs, a 7-axis synthesizer, an MCP…

C

全网首个中文字体专业知识包：可商用中文字体库（授权三级分类）、场景×气质选字矩阵、中英混排与排版规则。让 AI 选中文设计字体不再甩给你一堆 Inter / Chinese font selection agent skill: license-safe free commercial CJK fonts, scene-based selection…

D

Elite frontend design taste for Claude Code / Cowork, a merged synthesis of emilkowalski/skill, pbakaus/impeccable, and leonxlnx/taste-skill. Typography, color, motion…

D

Senior-level UX and design-system knowledge, packaged so your AI agent applies it automatically.

O

从真实网站提取设计系统，并通过 MCP 把设计规范交给 AI 编程 Agent。 | Extract design systems from real websites and give AI coding agents grounded specifications through MCP.

A

Open-core registry of animated React components, blocks, design systems, and templates. Real, editable code: install with one shadcn CLI command or let your AI agent pull it…

B

Stop Claude Code/Cursor from guessing UI. Extract any website's design system into a spec-valid DESIGN.md that passes the official @google/design.md linter.

A

面向 AI 时代的数据可视化规范与工作流库, specification & workflow library for AI-era data visualization

D

The elite design intelligence layer for AI agents, synthesized from 10+ legendary design books. It primes your AI with the collective strategic wisdom of master designers to…

P

PencilPlaybook is the UI Skills / Taste-Skill for Pencil.dev + Claude Code, a design playbook that gives Claude real perceptual psychology and senior-level guardrails so it…

S

Your coding agent designs terrible UI. stitch-kit wires it into Google Stitch MCP and teaches it the whole pipeline, ideation, screen generation, design systems, production…

W

Tailwind CSS for Flutter. Utility classes like flex, p-4 and dark:bg-gray-800 compose into optimised widget trees. 27 W-prefix widgets, a Claude Code skill and a hosted docs…

F

Figma to design.md, Convert Figma design tokens into structured design.md for AI-assisted coding (Cursor, Claude Code, Copilot)

O

Use Claude Design from Claude Code, Codex, Cursor, Gemini CLI, and 70+ coding agents. Create designs from your real codebase, refine them on the canvas, and sync every change…

B

AI 原生·单文件 HTML 演示 Skill：7 套锚定公认设计体系的视觉人格，好看（WCAG/间距/32 维审计）与诚实（反伪造）都由机器强制，零依赖。 | AI-native single-file HTML presentation skill, 7 design-system-anchored visual personas with…

R

AI design system scanner + mcp server. Scores repos 0-100, writes fix prompts. 27K+ npm downloads.

M

Material Design 3 and M3 Expressive packaged as an agent skill. Exact design tokens, per-component dp geometry, motion springs, and 2,587 reference images for Claude Code…

T

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.

L

蓝湖设计稿转前端代码的 Claude Code Skills 工具集 | Lanhu design-to-code workflow for Claude Code

S

Skills for product design

M

Design skill for coding agents. It translates between design languages, expresses them in a multitude of mediums, juries its own work, and keeps every piece on brand and readable.

U

Your UX co-pilot, from idea to validated flow, in your terminal. Claude Code plugin with 376 UX rules, live preview, and smart discovery.

R

Unofficial Claude Skill derived from the book Refactoring UI, a design rulebook and diagnostic layer for web UI. 151 tracked rules, design token generation, and Tailwind mappings.

A

Claude Agent Skill that eliminates generic AI-generated design. Stop your AI shipping the same purple-gradient, Inter-font, three-feature-card website as everyone else.

A

40 curated agent skills, plain SKILL.md files for building calm, native software and running AI coding agents well. Claude Code, Codex, Cursor, Grok, Goose.

U

AI-to-UI IR Protocol Layer, The Last Mile from AI to Human. Includes Lucid UI Skill for professional AI-generated interfaces.