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.