Design System Architect

Master design system architecture to create consistent, maintainable, and scalable UI foundations across web and mobile applications.

When to Use This Skill

• Creating design tokens (colors, type, spacing).
• Establishing token hierarchies (Primitive -> Semantic -> Component).
• Defining visual foundations (8pt grid, modular type scales).
• Implementing light/dark theme switching.
• Architecting consistent component libraries.
• Brand Implementation: Translating Brand Guidelines (Colors, Voice) into code.

Core Concepts

1. Token Hierarchy (The "3-Layer Cake")

Understanding the relationship between layers is critical for scalability.