-
Run anti-pattern scans outside the skill: in CI, in a PR check, or against a whole directory. 25 deterministic rules, no LLM required, JSON output ready for build gates.
+
Run anti-pattern scans outside the skill: in CI, in a PR check, or against a whole directory. 27 deterministic rules, no LLM required, JSON output ready for build gates.
@@ -1047,7 +1047,7 @@ import '../styles/sub-pages.css';
- Renamed
frontend-design to impeccable. The core skill now shares its name with the project, and the teach subcommand moved from /teach-impeccable to /impeccable teach. One skill, one namespace.
- Data-driven skill rewrite. The core skill was rebuilt against an internal eval framework that runs the same brief through frontier models with and without the skill loaded, then measures how much the output collapses into monoculture. The result: dramatically more font and color diversity, sharper overall design quality, and much stronger Codex support. The biggest unlock was an anti-attractor procedure that forces the model to enumerate and reject its reflex defaults before picking. Validated on gpt-5.4 and Qwen 3.6 Plus across 15 niches.
- - Anti-pattern detection engine. 25 deterministic rules across typography, color, layout, motion, and quality. Handles oklch, oklab, lch, and lab color formats, CSS variables inside border shorthands, gradient-backed text, and emoji-only nodes.
+ - Anti-pattern detection engine. 27 deterministic rules across typography, color, layout, motion, and quality. Handles oklch, oklab, lch, and lab color formats, CSS variables inside border shorthands, gradient-backed text, and emoji-only nodes.
- CLI:
npx impeccable detect. Scans HTML, CSS, JSX/TSX, Vue, Svelte, and CSS-in-JS. Framework detection, multi-file import tracking, Puppeteer-backed live URL scanning, CI-ready JSON output, and a --fast regex mode for huge codebases.
- Chrome DevTools extension. One-click detection on any page: yours, staging, production, or someone else's. Reads live computed styles, surfaces findings in an interactive panel, and highlights elements on the page. In Chrome Web Store review.
/critique got teeth. Persona sub-agents review in parallel, score against Nielsen's heuristics, run the detector automatically, and open a live browser overlay so you can walk each finding in place.
+
+
+
+
Should flag
+
+
+
AI-NATIVE WORKFLOWS
+
Eyebrow Above Hero
+
Classic uppercase tracked div eyebrow above an 88px hero.
+
+
+
+
NEW IN 2026
+
Span Eyebrow Above Hero
+
Span variant with the same uppercase + tracking + small-size shape.
+
+
+
+
FEATURED
+
Pill Chip Above Hero
+
Pill-shaped chip with background, border-radius, padding.
+
+
+
+
NEW
+
Already Uppercase Text
+
Text typed uppercase, no text-transform, but matching tracking and size.
+
+
+
+
+
+
Should pass
+
+
+
UPPERCASE LABEL
+
Eyebrow With Normal Tracking
+
Uppercase label above a hero but with letter-spacing: normal.
+
+
+
+
SECTION KICKER
+
Body-Sized Heading Below Eyebrow
+
Eyebrow above a heading, but the heading is only 24px — not a hero.
+
+
+
+
CARD CAPTION
+
Plain body text below the caption.
+
Uppercase Caption Far From Hero
+
Hero exists, but its preceding sibling is a paragraph, not the eyebrow.
+
+
+
+
Hero With No Eyebrow
+
Bare h1 at 64px, nothing above it.
+
+
+
+
SECTION HEADING
+
Heading Above Heading
+
An h2 styled like an eyebrow above an h1 — heading-tag exclusion must skip this.
+
+
+
+
A VERY LONG UPPERCASE TABLE OF CONTENTS HEADER
+
Long Uppercase Sentence Above Hero
+
Uppercase tracked label, but text length exceeds the 30-char eyebrow ceiling.
+
+
+
+
+
+
+
+
Should flag
+
+
+
Fraunces 88px italic
+
The Lumina hero pattern: oversized Fraunces italic display.
+
+
+
+
Recoleta 64px italic
+
Recoleta italic at 64px, generic serif fallback.
+
+
+
+
Playfair 72px italic
+
Playfair Display italic at hero scale.
+
+
+
+
Unknown Serif Generic Fallback
+
Primary font unknown to the detector, but the stack ends in generic serif.
+
+
+
+
+
+
Should pass
+
+
+
Sans Italic Display
+
Italic at hero scale, but in a sans-serif face.
+
+
+
+
Roman Serif Display
+
Fraunces at 88px, but font-style is normal (not italic).
+
+
+
+
Italic Serif Pull Quote
+
Italic serif at 24px is a legitimate pull-quote pattern, not a hero.
+
+
+
+
Inline Em Inside Roman
+
Roman h1 with an inline italic em — v1 deliberately does not flag this.
+
+
+
+
Italic Serif at 32px
+
Italic serif h2 below the 48px hero threshold.
+
+
+
+
h1 Sans-Serif Roman
+
Baseline-clean control: sans-serif, roman, hero scale.
+
+
+
+