design-systems
Installation
SKILL.md
Design Systems
Scope
Covers
- Creating or upgrading a design system (tokens + components + guidelines)
- Using blockframes (lo-fi, system-aware wireframes) to lock logic before hi-fi execution
- Designing a future-ready visual foundation (depth/elevation, motion, texture) without breaking consistency
- Making the system easy for non-experts to use (guardrails, examples, starter templates)
- Driving adoption + governance (contribution model, champions, release cadence)
When to use
- “We need a design system / component library and a plan to build it.”
- “Our UI is inconsistent—define tokens + components + documentation to standardize.”
- “We want to refresh our UI style (more depth/texture/motion) without chaos.”
- “We need to scale design across teams or support enterprise customers with customization.”
- “We want faster hi-fi output by locking flows in lo-fi first.”