Inside /critique
/critique
The design review skill opens the overlay automatically during its browser assessment pass. You get the deterministic findings highlighted in place while the LLM runs its separate heuristic review.
Live detection overlay
Visual Mode
See every anti-pattern flagged directly on the page. No screenshots, no JSON to map back to line numbers. The overlay draws an outline and a label on every element the detector catches, so you fix them in place.
Live on a synthetic slop page
Hover or tap any outlined element to see which rule fired.
Three ways to run it
Standalone CLI
npx impeccable live
Starts a local overlay server, then loads any URL you paste in an iframe with the detector script injected. Works on your own dev server, a staging URL, or anyone's live page.
Coming soon
Chrome extension
One-click activation on any tab. Currently in Chrome Web Store review. Get notified when it lands →
Try it live
These 11 synthetic slop pages ship with the detector script baked in. Click any to see the overlay running on a real page, then scroll around and hover the outlined elements.
Purple Gradients Everywhere
The AI color palette: purple-to-blue gradients on everything. Buttons, text, backgrounds, orbs. The new "make it pop."
Lazy "Cool"
Glassmorphism, neon glows, blurred orbs, monospace everything. Looks like a hackathon project, not a product.
Lazy "Impact"
When in doubt, animate everything. Bouncing buttons, wiggling icons, gradient text, floating badges. Motion without meaning.
Side-Tab Cards
A thick colored border on one side of a rounded card. The single most recognizable tell of AI-generated UI.
Cardocalypse
Cards inside cards inside cards. Five levels of nesting, each with its own padding and shadow.
Copy-Paste Layouts
The same hero-metric-features template repeated with different colors. When every section looks the same, nothing stands out.
Inter Everywhere
One font for everything. Headings, body, labels, buttons. No typographic hierarchy, no personality, no design.
Massive Icons
Icon containers larger than the content they introduce. When the decoration is bigger than the message, priorities are backwards.
Bad Contrast Choices
Gray text on colored backgrounds, low-contrast labels, unreadable combinations. Looking good and being readable should not conflict.
Redundant UX Writing
Label, sublabel, helper text, and hint text all saying the same thing in slightly different words. Say it once, say it well.
Modal Abuse
Complex settings crammed into a modal. If it needs a scroll bar and three columns, it deserves its own page.