design-tokens

Installation
SKILL.md

/design-tokens: Generate Design Token System

Generate a complete design token system for the project.

Usage

/design-tokens                    # Auto-detect brand color, generate full system
/design-tokens #3b82f6            # Generate from specific brand color
/design-tokens --format tailwind  # Output as Tailwind config
/design-tokens --format css-vars  # Output as CSS custom properties
/design-tokens --format json      # Output as JSON tokens

Flow

Installs
1
GitHub Stars
5
First Seen
May 16, 2026
design-tokens — aboudjem/ui-ux-suite