Theme Extractor

You know that feeling when you see a site and think, "I want THAT look"?

But then you spend hours inspecting elements, guessing hex values, trying to match fonts. It's exhausting. And you still end up with something that feels "off."

Theme Extractor kills that workflow dead.

What You Get

🎨 Complete Design Tokens — Colors, typography, spacing, shadows, border radii. Everything extracted into clean JSON you can drop into any project.

⚙️ Ready-to-Use Tailwind Config — No manual translation. The skill generates a Tailwind config with all the tokens mapped. Copy, paste, done.

📝 Style Prompts for AI — Natural language descriptions you can paste into any coding agent. "Make it look like Linear but with teal accents" becomes instant, actionable instructions.

🔄 Anti-Plagiarism Built-In — Always offers 3 modification suggestions after extraction. Change fonts, shift colors, adjust spacing — make it yours in one click.

How It Works

1. Give a URL — Paste any website you want to emulate
2. AI extracts — Opus 4.5 analyzes the screenshot and pulls every design token
3. You get 3 files — design-tokens.json, tailwind.config.js, STYLE_PROMPT.md
4. Choose modifications — Make it unique with one click

Who It's For

• Developers who suck at design but know what they like
• Designers who want to document their own work faster
• Founders building MVPs and need to move FAST
• Anyone tired of starting from scratch every time

Requirements

• OpenClaw installed
• Puppeteer (auto-installs on first run)
• Anthropic API key (for Opus 4.5 vision analysis)

---

Stop guessing. Start building. $9 gets you every design system you'll ever need.