Tighten data-driven rewrite bullet in v2.0 changelog

Drop the metric-heavy framing and lead with the user-facing wins
(font/color diversity, design quality, Codex support) plus a brief
nod to the eval framework and anti-attractor technique.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Paul Bakaus
2026-04-08 13:47:05 -07:00
co-authored by Claude Opus 4.6
parent 17cdcc1335
commit c8b3d9d33a
+1 -1
View File
@@ -483,7 +483,7 @@
<span class="changelog-date">April 8, 2026</span>
</div>
<ul class="changelog-items">
<li><strong>Data-driven skill rewrite.</strong> The core skill, renamed from <code>frontend-design</code> to <code>impeccable</code>, was rebuilt against a multi-model eval framework that runs the same brief with and without the skill loaded and measures how much the output collapses into monoculture. On Qwen 3.6 Plus: overused Fraunces headings 92% to 0% on kids reading, side-tab borders 76% to 20% on vintage moto, no regressions elsewhere. Run <code>/impeccable teach</code> once per project to set your design context.</li>
<li><strong>Data-driven skill rewrite.</strong> The core skill (renamed from <code>frontend-design</code> to <code>impeccable</code>) 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.</li>
<li><strong>Anti-pattern detection engine.</strong> 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.</li>
<li><strong>CLI: <code>npx impeccable detect</code>.</strong> 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 <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 elements on the page. In Chrome Web Store review.</li>