Impeccable bởi Paul Bakaus
Detects common UI anti-patterns, in particular those generated by AI, on any web page.
16 người dùng16 người dùng
Siêu dữ liệu mở rộng
Về tiện ích mở rộng này
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
Được xếp hạng 0 (bởi 1 người dùng)
Quyền hạn và dữ liệu
Quyền hạn bắt buộc:
- Mở rộng công cụ dành cho nhà phát triển để truy cập dữ liệu của bạn trong các thẻ đang mở
- Truy cập hoạt động của trình duyệt trong khi điều hướng
Quyền hạn tùy chọn:
- Truy cập dữ liệu của bạn trên mọi trang web
Thu thập dữ liệu:
- Nhà phát triển cho biết tiện ích mở rộng này không yêu cầu thu thập dữ liệu.
Thêm thông tin
- Liên kết tiện ích
- Phiên bản
- 1.2.1
- Kích cỡ
- 127,51 KB
- Cập nhật gần nhất
- 21 ngày trước (19 Thg 06 2026)
- Thể loại có liên quan
- Giấy phép
- Giấy phép Apache 2.0
- Lịch sử các phiên bản
- Thêm vào bộ sưu tập