Design System Skill
The design system skill gives Claude deep knowledge of design system architecture — CSS tokens, color scales, typography, spacing, and component variants.
When It’s Active
Section titled “When It’s Active”Activated automatically when creating design tokens, theming, color scales, typography systems, or component variant patterns.
What It Teaches Claude
Section titled “What It Teaches Claude”- Token architecture with semantic naming (primary, secondary, accent)
- Color scales using oklch color space
- Typography, spacing, radius, and shadow tokens
- Dark mode token remapping
- Component variant patterns (size + emphasis)