mirror of https://github.com/pbakaus/impeccable.git synced 2026-09-12 06:06:37 +03:00

Files

T

Paul BakausandClaude Opus 4.6 13b2f763d9 Polish Chrome extension for Web Store submission

Refactors the extension for on-demand injection (no static content_scripts
entry — content script and detector are loaded only when the user actively
opens the Impeccable panel, sidebar pane, or popup). Adds a new "Auto-scan"
preference (default: scan when the Impeccable panel opens, opt-in: scan
when DevTools opens) plus configurable line length (strict/lax) and
highlight blur on/off settings. Adds an Elements panel sidebar that shows
findings for the currently selected element.

Includes substantial overlay UX work: page-pixel-perfect spotlight mask
via clip-path, refined hover/dim states, instant transitions for snappier
feel, copy buttons for findings, hover-from-panel highlighting, and a
brand-aware exception list so the font check no longer flags Roboto on
Google's own properties.

Robustness fixes for the MV3 service worker lifecycle: heartbeat keepalive
plus auto-reconnecting ports across panel/sidebar/devtools so transient
SW restarts don't break the panel UI, and immediate teardown on DevTools
close (replacing an unreliable setTimeout-based defer that didn't survive
SW termination).

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

2026-04-06 21:06:09 -07:00

1.9 KiB

Raw Blame History

Chrome Web Store Listing

Name

Impeccable

Short description (132 chars max)

Detect AI slop and design anti-patterns in any web page. Open DevTools and see what needs fixing.

Detailed 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

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

Language

English

Privacy policy URL

https://impeccable.style/privacy

Single purpose description

Detects and highlights UI anti-patterns (AI-generated design tells and general quality issues) on any web page.

1.9 KiB Raw Blame History