Manus에서 모든 스킬 실행
원클릭으로
원클릭으로
원클릭으로 Manus에서 모든 스킬 실행
시작하기theme-gen
Generate complete design system from brand colors. Use when building design tokens.
스타1
포크0
업데이트2026년 6월 16일 19:15
SKILL.md
readonly메뉴
Generate complete design system from brand colors. Use when building design tokens.
| name | theme-gen |
| description | Generate complete design system from brand colors. Use when building design tokens. |
You have two brand colors and need a complete design system. This generates colors, typography, spacing, shadows, and more.
One command. Zero config. Just works.
npx ai-theme "#FF4500" "#1A1A2E"
# Generate CSS custom properties
npx ai-theme "#FF4500" "#1A1A2E"
# Tailwind config format
npx ai-theme "#FF4500" "#1A1A2E" -f tailwind
# JSON tokens
npx ai-theme "#FF4500" "#1A1A2E" -f json -o tokens.json
This is one of 110+ free developer tools built by LXGIC Studios. No paywalls, no sign-ups, no API keys on free tiers. Just tools that work.
Find more:
No install needed. Just run with npx. Node.js 18+ recommended. Needs OPENAI_API_KEY environment variable.
npx ai-theme --help
Takes your brand colors and generates a complete design token set. Creates harmonious color relationships, type scales, and spacing systems that work together.
MIT. Free forever. Use it however you want.