
from agent-skills9
Guides building scalable design systems: tokens, theming, component patterns, accessibility, and governance.
Provides a comprehensive playbook for creating and maintaining design systems. Covers token hierarchy (primitive → semantic → component), theming (dark mode, multi-brand), component architecture (CVA variants, compound components), accessibility patterns, and governance workflows to keep design and engineering aligned. Concrete patterns, quick-reference tables, and troubleshooting notes are included.
Use when establishing or scaling a design system, migrating a component library to token-based theming, planning multi-brand theming, auditing accessibility, or creating governance and contribution processes. Good for teams moving from ad-hoc styles to a unified, maintainable system.
Best used by agents that handle design-to-code and planning tasks (Task/Plan/Explore agents), and those integrated with code review or repository automation tools.
This skill has not been reviewed by our automated audit pipeline yet.