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

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

Share this skill

Coming in Spring 2026 Beta

WinDAGs will match this skill automatically. Then ask:

"Use design-system-bootstrap to help me build..."
Request Early Access
"Use design-system-bootstrap to help me build a design-system system"
"I need expert help with guides the practical path from 'we have no design ..."