Impeccable de Paul Bakaus
Detects common UI anti-patterns, in particular those generated by AI, on any web page.
Metadate extensie
Despre această extensie
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
FEATURES
Open source at https://github.com/pbakaus/impeccable
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
- Install the extension
- Open DevTools on any page (Cmd+Opt+I / F12)
- Overlays appear automatically, highlighting issues
- Click the "Impeccable" panel tab for a structured list of all findings
- 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
Evaluat cu 0 de către 0 recenzori
Permisiuni și date
Permisiuni necesare:
- Să extindă instrumentele pentru dezvoltatori pentru a-ți accesa datele în filele deschise
- Să acceseze activitatea browserului în timpul navigării
Permisiuni opționale:
- Să îți acceseze datele pentru toate site-urile web
Colectare de date:
- Dezvoltatorul spune că extensia nu necesită colectarea de date.
Mai multe informații
- Linkurile suplimentului
- Versiune
- 1.2.0
- Mărime
- 123,53 KB
- Ultima actualizare
- 6 zile în urmă (9 iun. 2026)
- Categorii conexe
- Licență
- Apache License 2.0
- Istoricul versiunilor
- Adaugă în colecție