Start
design-system-creator
design-system-creator - Skill Dossier
design-system-creator

design-system-creator

Builds comprehensive design systems and design bibles with production-ready CSS. Expert in design tokens, component libraries, CSS architecture. Use for design system creation, token architecture, component documentation, style guide generation. Activate on "design system", "design tokens", "CSS architecture", "component library", "style guide", "design bible". NOT for typography deep-dives (use typography-expert), color theory mathematics (use color-theory-palette-harmony-expert), brand identity strategy (use web-design-expert), or actual UI implementation (use web-design-expert or native-app-designer).

Design & Creative
#design-system#tokens#components#css#style-guide

Allowed Tools

ReadWriteEditGlobmcp__magic__21st_magic_component_buildermcp__magic__21st_magic_component_refinermcp__stability-ai__stability-ai-generate-imagemcp__firecrawl__firecrawl_search

Share this skill

Coming in Spring 2026 Beta

WinDAGs will match this skill automatically. Then ask:

"Use design-system-creator to help me build..."
Request Early Access
"Use design-system-creator to help me build a design-system system"
"I need expert help with builds comprehensive design systems and design bib..."
"Orchestrate design-system-creator with typography-expert for typography decisions for the system"