design-system-generator

Installation
SKILL.md

Design System Generator

Instructions

When creating a design system:

  1. Define design tokens (colors, typography, spacing)
  2. Create base components (Button, Input, Card, etc.)
  3. Establish patterns (forms, navigation, layouts)
  4. Document usage and variants

Design Tokens

Colors

// tokens/colors.ts
export const colors = {
  // Brand
Related skills

More from onewave-ai/claude-skills

Installs
112
GitHub Stars
127
First Seen
Feb 25, 2026