design-system-patterns - Design System Patterns
Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns.
Tags
Updated: 2026-09-21Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Create design tokens
- Implement theme switching
- Build multi-brand theming systems
- Architect component libraries
- Establish design-to-code workflows
- Create semantic token hierarchies
- Set up design system documentation
Inputs
- Figma tokens
- Design token definitions
- Style Dictionary configuration
Outputs
- Multi-platform token files
- Theme context providers
- Component library variants
Requirements
- React
- Style Dictionary
- Figma