Your design system, served to every AI agent on every project.
Every new agent session reinvents your brand — three near-miss blues, two border radii, buttons that almost match. Eyedropper pulls the real system out of your shipped code and makes every agent follow it.
Under ten minutes to your first on-brand generation.
VERIFICATION PASS
colors (7) · type (3) · spacing (9) — 0 off-brand values
The laziest prompt you can type comes back on-brand — checked before you ever see it.
Extract once. On-brand everywhere.
Paste one prompt into your own agent. It reads your shipped styling — the real colors, type, spacing, and rules — and your design system materializes on screen, token by token.
extraction → 40 of 40 tokens
One command wires any repo. Your agents consult the system over MCP before generating anything visual — no reminders, no pasted hex codes, no screenshots.
npx eyedropper init
Every generation is verified against your system before you see it. Off-brand values get caught with the on-brand token suggested — across every project and teammate.
verify → pass · 0 off-brand values
The guarantee
Export forever
One click produces a clean DESIGN.md and standard design-tokens JSON — on any plan, anytime. Your system is never trapped here.
Free to try on your own repo
One system, one project, one person — free. Paying starts where the pain does: the second project or teammate.
Ten minutes, honestly
Signup to first on-brand generation in under ten minutes on your real repo. The worst case of trying Eyedropper is walking away with the best design system files you've ever had.
One price. Unlimited design systems. Unlimited team members.
Eyedropper Pro
$49$29/mo
Founding member price for the first 50 members — locked in forever. $49/mo after.
- Unlimited projects
- Unlimited teammates
- Verification on every generation
- Version history and restore
- Export anytime — it's yours
Free: one design system, one project, one person — unlimited generations.
Fair questions
Isn't this just a fancy DESIGN.md?
A DESIGN.md goes stale the moment your brand shifts, and it can't follow you to the next repo, session, or teammate. Eyedropper is live infrastructure: one canonical, versioned system served over MCP to every agent — and every generation is verified against it, which no document can do. (And if you want the file anyway, export produces a better DESIGN.md than the one you're maintaining by hand.)
Will it capture my brand, or impose its own?
Yours. Extraction reads your shipped code — the real colors, type, spacing, and usage rules your app already has. Eyedropper's own interface stays black, white, and grey precisely so your system is the only opinion on screen.
Which agents does it work with?
Anything that speaks MCP — Claude Code and Cursor out of the box (init writes both configs). The rules block teaches the agent to consult your system before visual work and verify after, with no per-prompt reminding.
What happens if I cancel?
You keep everything. Export your DESIGN.md and design-tokens JSON at any moment, on any plan. Downgrading never deletes data — your history and system stay intact.