design-system-creator - Design System Architect & CSS Expert
Builds comprehensive design systems with design tokens, component libraries, and production-ready CSS architecture
Tags
Updated: 2026-05-09Capabilities
Typical Inputs
Typical Outputs
What this skill does
- create design tokens
- build CSS architecture
- document components
- create style guides
- audit CSS code
- generate design bibles
- establish naming conventions
- create token systems
Inputs
- design tokens
- existing CSS codebase
- brand guidelines
- component requirements
- documentation templates
- color specifications
- typography scales
Outputs
- design bible document
- CSS codebase
- component library
- style guide
- quick start guide
- token architecture
- design documentation
Requirements
- modern browsers with OKLCH support
- MCP: 21st.dev component builder
- MCP: Stability AI image generation
- MCP: Firecrawl search