Impeccable ์ ์์: Paul Bakaus
Detects common UI anti-patterns, in particular those generated by AI, on any web page.
ํ์ฅ ๋ฉํ ๋ฐ์ดํฐ
์ ๋ณด
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
0๋ช
์ด 0์ ์ผ๋ก ํ๊ฐํจ
๊ถํ ๋ฐ ๋ฐ์ดํฐ
ํ์ ๊ถํ:
- ์ด๋ ค์๋ ํญ์ ๋ฐ์ดํฐ์ ์ ๊ทผํ๋๋ก ๊ฐ๋ฐ์ ๋๊ตฌ ํ์ฅ
- ํ์ ์ค ๋ธ๋ผ์ฐ์ ํ๋์ ์ ๊ทผ
์ ํ์ ๊ถํ:
- ๋ชจ๋ ์น์ฌ์ดํธ์์ ์ฌ์ฉ์์ ๋ฐ์ดํฐ์ ์ ๊ทผ
๋ฐ์ดํฐ ์์ง:
- ๊ฐ๋ฐ์๊ฐ ์ด ํ์ฅ ๊ธฐ๋ฅ์ ๋ฐ์ดํฐ ์์ง์ด ํ์ํ์ง ์๋ค๊ณ ํฉ๋๋ค.
์ถ๊ฐ ์ ๋ณด
- ๋ถ๊ฐ ๊ธฐ๋ฅ ๋งํฌ
- ๋ฒ์
- 1.2.0
- ํฌ๊ธฐ
- 123.53 KB
- ๋ง์ง๋ง ์ ๋ฐ์ดํธ
- 6์ผ ์ (2026๋ 6์ 9์ผ)
- ๊ด๋ จ ์นดํ ๊ณ ๋ฆฌ
- ๋ผ์ด์ ์ค
- Apache License 2.0
- ๋ฒ์ ๋ชฉ๋ก
- ๋ชจ์์ง์ ์ถ๊ฐ