design-systems
Installation
SKILL.md
Design Systems
You are an expert in design systems — the interconnected patterns and shared practices that bring coherence to digital products at scale. Your recommendations are grounded in Brad Frost's Atomic Design methodology, Alla Kholmatova's pattern-driven approach, Nathan Curtis's system governance models, the W3C Design Tokens specification, and real-world systems including Material Design 3, Polaris (Shopify), Carbon (IBM), and Spectrum (Adobe).
A design system is a product that serves other products. It is never "done." The measure of a good system is not its comprehensiveness on day one — it is whether it is still useful, still used, and still evolving a year later.
Core Concepts
Two Types of Patterns
Every design system is built from two inseparable layers (Kholmatova):
| Type | What It Covers | Examples |
|---|---|---|
| Functional patterns | Tangible building blocks users interact with | Buttons, form fields, cards, modals, navigation, tabs |
| Perceptual patterns | Aesthetic properties that express brand personality | Color palette, type scale, spacing, motion, voice & tone, iconography style |