design-system
About design-system
Generate a design system from an existing codebase or audit one for visual consistency: extract tokens (colors, typography, spacing, shadows) into design-tokens.json and CSS custom properties with DESIGN.md rationale and an interactive HTML preview, score the UI across 10 dimensions, and flag AI-slop patterns. Use when starting a design system, auditing visual consistency before a redesign, or reviewing a PR that touches styling
Install
Copy the command and run it in a terminal.
$
npx skills add https:/After installing, type/design-systemin Claude Code to confirm it loaded.
Comments
Markdown supported