phase-5-design-system
Installation
SKILL.md
Phase 5: Design System
Build a reusable component library with consistent design tokens and theming.
Purpose
Phase 5 transforms Phase 3 mockups into a production-ready component system. A well-defined design system ensures visual consistency, accelerates development, and reduces design debt. Every component is built once, documented, and reused across the entire application.
Actions
| Action | Description | Example |
|---|---|---|
start |
Begin Phase 5 | $phase-5-design-system start |
tokens |
Define design tokens | $phase-5-design-system tokens |
components |
Build component library | $phase-5-design-system components |
theme |
Set up theming (light/dark) | $phase-5-design-system theme |
docs |
Generate component docs | $phase-5-design-system docs |