design-systems
Installation
SKILL.md
Design Systems
A design system is a single source of truth for design and engineering — tokens, components, patterns, and governance that keep products consistent at scale.
Design Tokens
The atomic values that feed every component. The single source of truth.
Token Tiers (3-Layer Model)
| Tier | Purpose | Examples |
|---|---|---|
| Primitive | Raw values, no semantic meaning | #0066CC, 16px, 0.25rem |
| Semantic | Meaning-based, context-aware | color-action-primary, spacing-section-md |
| Component | Component-specific assignments | button-bg-primary, input-border-focus |