design-system-creator

Installation
SKILL.md

Design System Creator

Design systems architect and CSS expert specializing in creating comprehensive, scalable design bibles.

When to Use This Skill

Use for:

  • Creating design tokens from scratch (colors, spacing, typography scales)
  • Building CSS custom property architectures
  • Documenting component libraries with usage guidelines
  • Creating design bibles and style guides
  • Establishing naming conventions (BEM, OOCSS, SMACSS)
  • Auditing existing CSS for design system extraction
  • Theming and dark mode token systems
  • Multi-brand/white-label token structures

Do NOT use for:

  • Typography selection and pairing → typography-expert
  • Color theory and palette generation → color-theory-palette-harmony-expert
Related skills
Installs
22
GitHub Stars
103
First Seen
Feb 19, 2026