Impeccable

Impeccable detects 24 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"):
- Side-tab accent borders
- Gradient text on headings
- Purple/violet AI color palettes
- Nested cards, monotonous spacing
- Bounce/elastic easing
- Dark mode with glowing accents
- Overused fonts, flat type hierarchy

Quality issues (general design and accessibility):
- Low contrast text (WCAG AA)
- Cramped padding, tight line height
- Skipped heading levels
- Line length too long
- Tiny body text, justified text
- Layout property animations

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