Start
design-system-bootstrap
design-system-bootstrap - Skill Dossier

design-system-bootstrap
Guides the practical path from 'we have no design system' or 'we have a mess' to a real, functional design system. Component inventory, design token extraction, headless UI adoption (Radix, React Aria, Headless UI), migration order of operations, and the assessment-to-rollout pipeline. Activate on 'design system from scratch', 'bootstrap design system', 'no design system', 'design system migration', 'headless UI adoption', 'component audit', 'design token extraction', 'design system strategy'. NOT for building specific components once a system exists (use design-system-creator), not for generating token files/configs (use design-system-generator).
Design & Creative
#design-system#bootstrap#tokens#components#foundation
Allowed Tools
ReadWriteEditGlobGrepWebSearchWebFetch
⚡
Coming in Spring 2026 Beta
WinDAGs will match this skill automatically. Then ask:
"Use design-system-bootstrap to help me build..."
Request Early Access