Every agent change, reviewed against your design system.
Agents drift — a near-miss blue, a spacing value your system never defined. Eyedropper verifies every generation against your design system and catches off-brand values before they hit your codebase.
Verification runs on every generation, automatically.
#3D7BF2 — off-brand · use colors.primary
14px gap — off-grid · use spacing.md
fixed → re-verified · 0 off-brand values
Caught, corrected, and re-checked — before you ever see the change.
Drift ships one small change at a time
Near-miss colors
The agent reaches for a blue that's almost yours. One generation later there are three of them, and none is the brand.
Invented spacing
A 14px gap here, an 18px padding there — values your system never defined, multiplying quietly across components.
Type that almost matches
A stray weight, a one-off size, a heading set half a step too small. Each one reads fine alone; together they read like a different company.
How the review works
You prompt as lazily as you like. The agent consults your design system over MCP before it writes anything visual — no reminders, no pasted hex codes.
Every generation is checked against your system — colors, type, and spacing — before you ever see it. Not a linter with generic rules: a review against your brand.
Off-brand values are flagged with the on-brand token suggested, so the agent corrects them on the spot — before the change hits your codebase.
Stop being the pixel police.
Reviewing every agent change by eye is the job nobody hired you for. Let the review run on every generation, across every project and teammate — and see only work that's already on-brand.
Set up my design system