extension: new brand icon + refresh store listing to 41 rules
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>
@@ -8,26 +8,32 @@ Detect AI slop and design anti-patterns in any web page. Open DevTools and see w
|
||||
|
||||
## 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.
|
||||
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"):
|
||||
- Side-tab accent borders
|
||||
- Gradient text on headings
|
||||
- Cream and beige "AI default" backgrounds
|
||||
- Purple/violet AI color palettes
|
||||
- Nested cards, monotonous spacing
|
||||
- Bounce/elastic easing
|
||||
- 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 fonts, flat type hierarchy
|
||||
- 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)
|
||||
- Low contrast text (WCAG AA), gray text on colored backgrounds
|
||||
- Cramped padding, tight line height
|
||||
- Skipped heading levels
|
||||
- Line length too long
|
||||
- Tiny body text, justified text
|
||||
- Layout property animations
|
||||
- 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
|
||||
|
||||
|
||||
|
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 287 B After Width: | Height: | Size: 295 B |
|
Before Width: | Height: | Size: 474 B After Width: | Height: | Size: 522 B |
|
Before Width: | Height: | Size: 621 B After Width: | Height: | Size: 716 B |
@@ -1,4 +1,7 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
|
||||
<rect width="128" height="128" rx="24" fill="#1a1a1a"/>
|
||||
<line x1="76" y1="24" x2="52" y2="104" stroke="#f5f3ef" stroke-width="7" stroke-linecap="round"/>
|
||||
<g transform="translate(24,24) scale(2.5)" fill="#ffba00">
|
||||
<path d="M7 1 L18 1 L8 31 L7 31 Q1 31 1 25 L1 7 Q1 1 7 1 Z"/>
|
||||
<path d="M22 1 L25 1 Q31 1 31 7 L31 25 Q31 31 25 31 L12 31 Z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 228 B After Width: | Height: | Size: 330 B |