mirror of
https://github.com/pbakaus/impeccable.git
synced 2026-09-12 14:16:28 +03:00
Paul BakausandClaude Opus 4.6
13b2f763d9
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>
64 lines
1.9 KiB
Markdown
64 lines
1.9 KiB
Markdown
# 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
|
|
|
|
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
|
|
|
|
## Category
|
|
Developer Tools
|
|
|
|
## 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.
|