Design Systems

This skill covers the foundational elements of design systems — design tokens, spacing scales, color systems, typography, and naming conventions that enable consistent user experiences.

Use-When

This skill activates when:

• Agent creates or maintains a design system
• Agent establishes theming or CSS variables
• Agent builds reusable components
• Agent needs consistent spacing/color/typography
• Agent configures Tailwind or similar CSS frameworks

Core Rules