design-system-patterns

Quick Review

Excellent design system skill with comprehensive coverage of tokens, theming, and component architecture. The description clearly articulates when to use the skill, and the content provides production-ready code patterns for CSS custom properties, React theme providers, variant systems (CVA), and Style Dictionary configuration. The three-layer token hierarchy (primitive→semantic→component) is well-explained with practical examples. Structure is good with logical progression and reference files for deeper topics. The skill addresses a moderately complex domain where a CLI agent would struggle with token hierarchies, theme switching logic, and cross-platform token generation, though some aspects (basic CSS variables, simple theming) are somewhat accessible without this skill. Minor improvement areas: could include more advanced patterns like design token versioning strategies or complex multi-brand architecture. Overall, a highly useful skill that provides substantial value for design system implementation.