Impeccable

Tracking since Apr 9, 2026.

Changelog

• Jun 1, 2026
  description

  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

  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

Permissions & access

Permissions

activeTabscriptingstoragewebNavigation

Host access

<all_urls>

Screenshots