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:

  1. A scope -- specific directories or files to focus on.
  2. A token format preference (CSS custom properties, Tailwind config, Flutter ThemeData, SCSS variables).
  3. 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.
Installs
3
GitHub Stars
14
First Seen
Mar 23, 2026
design-system — tinh2/skills-hub-registry