DesignLens
336 rules ↗

Find what makes your site look generated.

DesignLens renders your page in a real browser, measures it against 336 research-backed design rules, and shows you exactly what's wrong, where it happens, and what to tell your coding agent to fix.

  • Tested at
  • 1440×900
  • 1280×800
  • 768×1024
  • 390×844
The DesignLens audit dashboard: a score of 93 with ten category scores on the left, an interactive preview of vercel.com in the centre with numbered issue markers pinned to specific elements, and a prioritised list of eight findings on the right.
A real audit. Every marker is anchored to the element that caused the finding.

Measured, not guessed

Contrast ratios, spacing scales, type hierarchy and overflow are computed from the live DOM — every finding carries the numbers behind it.

Located, not described

Issues are pinned to the elements that cause them, on an interactive copy of your page you can scroll and inspect.

Actionable, not advisory

Export a fix prompt with exact elements, measured values and target values, ready to paste into your coding agent.

The AI Design Signal measures resemblance to patterns common in generic AI-generated layouts. It is a design-pattern assessment, not a claim about who or what built the page.