Impeccable tekijä Paul Bakaus
Detects common UI anti-patterns, in particular those generated by AI, on any web page.
Laajennuksen metatiedot
Tietoja tästä laajennuksesta
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
Arvio 0 0 arvostelijan toimesta
Käyttöoikeudet ja data
Vaaditut käyttöoikeudet:
- Laajenna web-työkaluita käyttämään avoimissa välilehdissä olevia tietoja
- Pääsy selaimen toimintaan sen käytön aikana
Valinnaiset käyttöoikeudet:
- Pääsy tietoihisi kaikilla verkkosivuilla
Tiedonkeruu:
- Kehittäjän mukaan tämä laajennus ei vaadi tiedonkeruuta.
Lisätietoja
- Lisäosan linkit
- Versio
- 1.2.0
- Koko
- 123,53 kt
- Viimeksi päivitetty
- kuusi päivää sitten (9. kesä 2026)
- Liittyvät luokat
- Lisenssi
- Apache-lisenssi 2.0
- Versiohistoria
- Lisää kokoelmaan