theme-gen

Installation
SKILL.md

Theme Generator

Give it your brand colors. Get back a complete design system with semantic tokens, shade scales, and ready-to-use CSS variables or Tailwind config. Stop manually picking 9 shades of blue.

One command. Zero config. Just works.

Quick Start

npx ai-theme --primary "#3B82F6" --secondary "#10B981"

What It Does

  • Generates full color shade scales from your base colors (50 through 950)
  • Creates semantic tokens like success, warning, error, info
  • Outputs CSS custom properties, Tailwind config, or both
  • Ensures accessible contrast ratios between foreground and background
  • Builds consistent spacing and typography scales
Related skills

More from sundial-org/awesome-openclaw-skills

Installs
3
GitHub Stars
598
First Seen
Mar 17, 2026