design-system-creator

Community

Design systems from tokens to style guides.

Authorerichowens
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Builds comprehensive, scalable design systems and design bibles, including tokens, component documentation, and style guidelines. Enables consistent UI language, theming, and multi-brand support with robust documentation templates.

Core Features & Use Cases

  • Token architecture (primitive, semantic, component)
  • CSS architecture guidance (ITCSS, BEM)
  • Component documentation templates and usage guidelines
  • Style guide generation and theming for multi-brand systems
  • Cross-brand tokens for dark mode and accessibility
  • Anti-patterns and best practices to avoid token explosion and drift

Quick Start

Generate a complete design system skeleton with token architecture and a component documentation template for a new product.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: design-system-creator
Download link: https://github.com/erichowens/some_claude_skills/archive/main.zip#design-system-creator

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository