mirror of
https://github.com/pbakaus/impeccable.git
synced 2026-09-18 00:56:30 +03:00
Update v2.0 changelog + hero teaser with branch-to-date work
Expands the v2.0 entry from 5 flat bullets to 9 grouped highlights and surfaces the additions the existing entry missed: the data-driven skill rewrite (validated against the internal eval framework with concrete per-niche metrics), the Chrome DevTools extension, the rebuilt site and docs, /critique's persona sub-agents, Rovo Dev support, and Apache 2.0 unification. Each item leads with a bold label so the list stays scannable despite the length. Hero version link tightened to signal the three most visible pieces of the release (detection engine, Chrome extension, data-driven skill) instead of just the detector. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Opus 4.6
parent
484967e23f
commit
a2a8627e94
+11
-7
@@ -117,7 +117,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p class="hero-version-link"><a href="#changelog">v2.0: Anti-pattern detection engine</a></p>
|
||||
<p class="hero-version-link"><a href="#changelog">v2.0: Detection engine, Chrome extension, data-driven skill</a></p>
|
||||
</div>
|
||||
|
||||
<!-- Right: Before/After Demo -->
|
||||
@@ -480,14 +480,18 @@
|
||||
<div class="changelog-entry">
|
||||
<div class="changelog-version-header">
|
||||
<span class="changelog-version">v2.0</span>
|
||||
<span class="changelog-date">April 3, 2026</span>
|
||||
<span class="changelog-date">April 8, 2026</span>
|
||||
</div>
|
||||
<ul class="changelog-items">
|
||||
<li>Anti-pattern detection engine with 25 rules across typography, color, layout, motion, and design quality</li>
|
||||
<li>CLI: <code>npx impeccable detect</code> scans HTML, CSS, JSX/TSX, Vue, Svelte, and CSS-in-JS files with framework detection, multi-file import tracking, and CI/CD-ready JSON output</li>
|
||||
<li><code>/critique</code> now runs automated detection and opens a browser overlay so you can review flagged anti-patterns live on the page</li>
|
||||
<li>New command: <code>/shape</code> interviews you about purpose, audience, and goals before designing</li>
|
||||
<li><a href="/gallery">Gallery of Shame</a>: real examples with live detection overlays</li>
|
||||
<li><strong>Data-driven skill rewrite.</strong> The core skill (renamed from <code>frontend-design</code> to <code>impeccable</code>) was rebuilt using a multi-model eval framework that runs the skill with and without the improvements across 7 design niches and measures how much the output collapses into monoculture. Not vibes, numbers: on Qwen 3.6 Plus, overused Fraunces headings dropped from 92% to 0% on kids reading, side-tab borders from 76% to 20% on vintage moto, no theme regressions elsewhere. Run <code>/impeccable teach</code> once to set your project's design context.</li>
|
||||
<li><strong>Anti-pattern detection engine.</strong> 25 rules across typography, color & contrast, layout, motion, and design quality. Handles modern color formats (oklch/oklab/lch/lab), CSS variables inside border shorthands, gradient-backed text, and emoji-only nodes — the hard-to-hit cases that slip past regex-only scanners.</li>
|
||||
<li><strong>CLI: <code>npx impeccable detect</code>.</strong> Scans HTML, CSS, JSX/TSX, Vue, Svelte, and CSS-in-JS with framework detection, multi-file import tracking, live URL scanning (via Puppeteer), JSON output for CI, and a <code>--fast</code> regex mode for huge codebases.</li>
|
||||
<li><strong>Chrome DevTools extension.</strong> 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 offending elements on the page. In Chrome Web Store review.</li>
|
||||
<li><strong><code>/critique</code> got teeth.</strong> Persona sub-agents now review in parallel, score against Nielsen's heuristics, run the detector automatically, and open a live browser overlay so you can walk each finding on the rendered page.</li>
|
||||
<li><strong>New command: <code>/shape</code>.</strong> Interviews you about purpose, audience, and goals before writing a single line of design — so the AI actually understands the brief instead of jumping straight to CSS.</li>
|
||||
<li><strong>Rebuilt site and docs.</strong> New narrative (Foundation → Language → Antidote → Visual Mode), a browsable <a href="/skills">skills index</a> with per-skill detail pages and before/after demos, <a href="/tutorials">tutorials</a> walk-throughs, an <a href="/anti-patterns">anti-patterns index</a>, and the <a href="/gallery">Gallery of Shame</a> with live detection overlays. Mobile experience overhauled end-to-end.</li>
|
||||
<li><strong>New harness: Rovo Dev.</strong> Brings the total to 11 supported AI tools.</li>
|
||||
<li><strong>Licensing unified to Apache 2.0.</strong> CLI merged back into this repo; every component now ships under a single permissive license.</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user