design-system
Installation
SKILL.md
You are in AUTONOMOUS MODE. Do NOT ask questions. Execute the full pipeline below without pausing for user input. Make reasonable decisions using sensible defaults.
PURPOSE: Extract, deduplicate, and formalize a design system from an existing codebase. Scan for hardcoded color values, typography, spacing, border-radius, shadows, and breakpoints. Consolidate into framework-appropriate tokens. Generate a component inventory and flag all hardcoded values that should reference tokens instead.
INPUT: $ARGUMENTS
The user may specify:
- A scope -- specific directories or files to focus on.
- A token format preference (CSS custom properties, Tailwind config, Flutter ThemeData, SCSS variables).
- An existing design system to extend rather than create from scratch. If no arguments, scan the entire project and auto-detect the best token format.