Impeccable

Impeccable detects 41 common UI anti-patterns directly in your browser. Open DevTools on any page and overlays instantly highlight issues, from AI-generated design tells to accessibility and quality problems.

WHAT IT DETECTS

AI slop (design tells that scream "AI made this"):
- Cream and beige "AI default" backgrounds
- Purple/violet AI color palettes
- Gradient text on headings
- Side-tab and rounded-border accent stripes
- Nested cards, monotonous spacing, icon-tile stacks
- Bounce and elastic easing, hover image zoom
- Dark mode with glowing accents
- Overused or single-family fonts, flat type hierarchy
- Oversized H1s, extreme negative letter-spacing, italic-serif heroes
- Uppercase eyebrows, repeated kickers, numbered section markers
- Em-dash overuse, marketing buzzwords, "not just X, it's Y" cadence
- Thin borders with wide drop shadows, repeating-stripe backgrounds

Quality issues (general design and accessibility):
- Low contrast text (WCAG AA), gray text on colored backgrounds
- Cramped padding, tight line height
- Skipped heading levels
- Line length too long, text running to the viewport edge
- Tiny body text, justified text, all-caps body copy, wide letter-spacing
- Layout-property animations, clipped overflow containers, text overflow
- Broken images

HOW IT WORKS

1. Install the extension
2. Open DevTools on any page (Cmd+Opt+I / F12)
3. Overlays appear automatically, highlighting issues
4. Click the "Impeccable" panel tab for a structured list of all findings
5. Click any finding to jump to the element in the Elements panel

FEATURES

- Auto-scans when DevTools opens, no manual step needed
- Grouped findings: AI tells vs. quality issues
- Click-to-inspect: jump from a finding to the element
- Toggle overlays on/off from the panel or toolbar popup
- Per-rule settings: disable detections you don't care about
- Re-scans on navigation, including SPA route changes
- Works on any website
- Runs 100% locally, no data sent anywhere

Open source at https://github.com/pbakaus/impeccable