Design System Creator

This builds production-ready design systems with the three-tier token architecture (primitive, semantic, component) and outputs a complete design bible with CSS. It's opinionated about OKLCH for colors instead of hex or HSL, follows ITCSS organization, and documents anti-patterns like token explosion and utility class overload. Use it when you need the full stack: tokens, component documentation, CSS architecture, and style guides. It won't do actual UI implementation or deep typography work, but pairs with those skills. The output is comprehensive: annotated CSS, component library with all states, and a markdown design bible you can hand to a team.

Install to Claude Code

npx -y skills add erichowens/some_claude_skills --skill design-system-creator --agent claude-code