Design System Skill

When to Activate

• Starting a new product UI from scratch
• UI feels inconsistent across pages (colors, spacing, typography vary)
• Multiple developers building UI components independently
• Setting up dark mode or multiple themes
• Building a component library
• Documenting components for a team
• Migrating hardcoded color or spacing values to a token-based system that supports theming
• Structuring components across Primitive, Composite, and Pattern layers to avoid circular dependencies

Layer Architecture