mirror of
https://github.com/pbakaus/impeccable.git
synced 2026-09-12 06:06:37 +03:00
Paul BakausandClaude Opus 4.8
9ec87e590d
Swap the extension icons (16/32/48/128 + source SVG) to the new gold kinpaku brand mark on a dark rounded square, replacing the old diagonal stroke. Update STORE_LISTING.md: the detection count is now 41 (was 24), and the WHAT IT DETECTS lists are refreshed to the current ruleset (26 AI-slop + 15 quality rules). Still v1.1.0 (not yet submitted to the Chrome Web Store). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
70 lines
2.4 KiB
Markdown
70 lines
2.4 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 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
|
|
|
|
## 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.
|