Brand your vibe-coded site

WAALEE (waalee.ai) turns any website or screenshot into a ready-to-use design system and AI-ready prompts. Paste a URL or upload a design and it extracts the real colors, typography, spacing, radii, shadows and component patterns from the rendered page, exports them as W3C design tokens, CSS variables and a Tailwind theme, and writes prompts for Lovable, v0, Bolt, Replit, Cursor and Claude so vibe-coded sites stop looking generic.

How it works

  • Paste a site URL or upload a screenshot or design (PNG, JPG, WebP, GIF, HTML or CSS, up to 10 MB).
  • WAALEE reads the rendered page in a real browser and extracts the tokens in seconds.
  • Copy the prompt into your AI builder, or export the tokens, CSS variables and Tailwind theme.

Pricing

Pricing in US dollars: Free gives 3 extractions without an account and 5 in total with a free account. Starter is $5 per month for 5 extractions a month. Unlimited is $45 per month for unlimited extractions. Cancel any time from the Portal.

Use it in Claude

Use WAALEE inside Claude, ChatGPT or Cursor through its MCP server at https://waalee.ai/api/mcp. In Claude Code: claude mcp add --transport http waalee https://waalee.ai/api/mcp. Tools: extract_design, list_templates, get_template and list_projects.

Frequently asked questions

What is WAALEE?

WAALEE (waalee.ai) turns any website or screenshot into a ready-to-use design system and AI-ready prompts. Paste a URL or upload a design and it extracts the real colors, typography, spacing, radii, shadows and component patterns from the rendered page, exports them as W3C design tokens, CSS variables and a Tailwind theme, and writes prompts for Lovable, v0, Bolt, Replit, Cursor and Claude so vibe-coded sites stop looking generic.

How much does WAALEE cost?

Pricing in US dollars: Free gives 3 extractions without an account and 5 in total with a free account. Starter is $5 per month for 5 extractions a month. Unlimited is $45 per month for unlimited extractions. Cancel any time from the Portal.

Which AI builders does WAALEE work with?

Lovable, v0, Bolt, Replit, Cursor and Claude. WAALEE writes a prompt tuned for each builder and exports tokens as JSON, CSS variables and a Tailwind theme that any stack can use.

Can I use WAALEE inside Claude or ChatGPT?

Use WAALEE inside Claude, ChatGPT or Cursor through its MCP server at https://waalee.ai/api/mcp. In Claude Code: claude mcp add --transport http waalee https://waalee.ai/api/mcp. Tools: extract_design, list_templates, get_template and list_projects.

What do I get from an extraction?

A color palette with roles, font families and type scale, spacing scale, border radii, shadows, component patterns, accessibility contrast checks, W3C design tokens, CSS variables, a Tailwind theme and AI prompts for your builder.

Latest from the blog