Design systems for vibe coders
Stop shipping AI slop.Every AI build, on‑brand.
Lovable, Cursor, v0, and Bolt all default to the same purple-gradient, Inter-font look. Wadevo turns a sentence or a screenshot into a design system that's unmistakably yours — your agents read it mid-build, and Brand Check catches the drift when they wander. Your brand, once; every AI tool, forever.
Pick a real system, download the files your AI tool reads, paste them in.
Free to try · no account · no card · See how it works
One system, every AI builder
- Lovable
- Cursor
- Figma Make
- Claude Code
- Bolt
- v0
- Hand-code
Same prompt. A result that's yours.
Every AI builder hands everyone the same purple-gradient template. Drop in Wadevo's DESIGN.md and the same tool builds something unmistakably yours.
Not a swatch dump — a complete, art-directed brand.
Describe a vibe and get a real, scrollable brand site — plus tokens, a component library, and a DESIGN.md your AI tools read.
Describe or upload
Tell Wadevo your vibe in a sentence, or drop a reference screenshot. No Figma, no setup.
Generate
Wadevo extracts a full system — semantic tokens, a type scale, foundations, and a real component library — and writes the docs.
Take it anywhere
Download tokens, a style guide, components, and a DESIGN.md. Drop them into any AI tool or hand-code.
Your agents read it mid-build.
A design system a human pastes once gets ignored by turn ten. Wadevo ships yours on every rail agents actually read — and serves it live over MCP.
Files for every rail
A Cursor Project Rule (.cursor/rules), CLAUDE.md, AGENTS.md, an Agent Skill (SKILL.md), and W3C DTCG tokens — one zip, exact paths, unzip at the repo root.
A live MCP server
Connect Claude Code or Cursor with a personal key and your agent queries the system mid-task: exact hexes, type voices, spacing, anti-patterns.
Generate from the terminal
Agents can create a new system too — describe the vibe in your editor, get the files written into the project.
.cursor/rules/
design-system.mdc ← Cursor
CLAUDE.md ← Claude Code
AGENTS.md ← Codex · any agent
skills/your-brand/
SKILL.md ← auto-loads for UI
DESIGN.md ← the open spec
tokens.css ·
tokens.dtcg.json ← CSS · W3C tokens
$ claude mcp add --transport http wadevo \
https://design.wadevo.com/api/mcp \
--header "Authorization: Bearer wdv_…"
> what's this brand's accent hex?
#C8FF00 — from your design system.Get agent access — join early access →Did the AI actually follow it?
Agents drift — a hard-coded hex here, a default font there. Upload a screenshot of what your AI built, and a vision judge scores how faithfully it follows your design system (0–100), then hands you the deviations as copy-paste fixes for your tool.
On-brand
≥75 — ship it.
Drifting
45–74 — paste the fixes back into your tool.
Off-brand
<45 — the system isn't loaded; re-add the files.
Every check runs three vision passes — you get the median score and the evidence behind every deviation.
Real systems you can open and explore.
Every card opens a live, generated system. Walk the style guide, flip through the component library, read the DESIGN.md, take the tokens.
Full
component library — every variant and state, in CSS and React
14
files your tools read — spec, rules, tokens
Any
builder — Lovable, Cursor, Bolt, v0, hand-code
Good questions, straight answers.
No. Wadevo makes the design system your app gets built with: the tokens, the components, and the docs your AI tools read. Generate here, then build in Lovable, Cursor, Claude Code, Bolt, or by hand.
A complete design system: semantic color tokens, a type scale, spacing and foundations, a living style guide (HTML), a real component library (CSS + React), and a DESIGN.md spec (Google's open design.md standard) — plus rules files for every agent rail: a Cursor Project Rule (.cursor/rules), CLAUDE.md, AGENTS.md, an Agent Skill (SKILL.md), and W3C DTCG tokens for Figma and token pipelines. One zip, exact paths, all portable.
The 'did my AI actually follow the system?' loop. Upload a screenshot of your build and a vision judge scores its drift from your system, then hands you the top deviations as copy-paste fixes for your tool. There's a free genericness teaser at /check, and the full check against your own systems once you're signed in. Every verdict is an AI estimate, banded (on-brand, drifting, off-brand) so you know how much weight to give it.
Wadevo ships an MCP server. Connect Claude Code or Cursor with a personal key (Settings → Agent access) and your agent can list your systems, pull the exact hexes, fonts, and rules mid-build, generate a new system, and write the rules files itself — no manual file shuffling.
Free-tier generation runs on Gemini (our key). Bring your own OpenAI or Anthropic key in Settings and the same engine — same prompt, same schema — runs on your provider instead, and those generations are never metered against your free quota.
Those are powerful but manual, and most are locked to Figma or a CLI. Wadevo generates a complete system from a description or screenshot in seconds, exports artifacts that work anywhere, and is built for people who'll never open Figma.
Yes. Everything you generate is yours to use, edit, and ship. Portability and ownership are the whole point.
Stop shipping generic. Generate in Wadevo, build anywhere.
Free to try, no account — and founding members lock the launch price for life. Get early access →