reimagine-it v2.4.2 — One command, 15 design tokens, 80% source-fidelity floor
DEV Community

reimagine-it v2.4.2 - One command, 15 design tokens, 80% source-fidelity floor

What it is reimagine-it is a one-command agent skill that redesigns an existing HTML file into a beautiful, working artifact - using only the nouns, dates, colors, links, and numbers already in that file. No mood boards, no gold layouts with swapped labels. The output is a real page you can open. npx reimagine-it@2.4.2 -i mypage.html -o redesigned.html What's new in v2.4.2 1. Source fidelity floor raised to 80% across every token Before v2.4.2, 61 of 105 token×source cells fell below 80% fidelity - the engine preferred headings over real source anchors, so phrases like "Venator Become" or "Arcade Tee" never rendered. Now: - Anchors = headings + source anchors, deduplicated - every clickable phrase survives. - All 105 token×source cells ≥80% (worst token: 80%). - All seven shipped examples report 100% fidelity in their auto.json reports. 2. Links and emails surface on every token A shared Source-index footer renders all content.links and emails on every generated page - not just the webpage/landing tokens. 3. All 15 design tokens in the browser extension The popup now exposes all 15 tokens: webpage, landing, dashboard, infographic, cinematic, artistic, photography, svg, 3js, simulation, glass, editorial, motion, gradient, showcase . 4. Docs can't drift anymore A new docs-drift CI job regenerates the case tables and fails the build if they diverge from ground truth. The 15 design tokens | Token | What it builds | |---|---| webpage | Clean content-first page | landing | Conversion-focused landing | dashboard | KPI dashboard from facts | infographic | Paper-poster argument | cinematic | Film-poster energy | artistic | Expressive art direction | photography | Photo-led layout | svg | Living SVG mark | 3js | WebGL orbit scene | simulation | Interactive timeline | glass | Glassmorphism UI | editorial | Magazine layout | motion | Animated micro-interactions | gradient | Bold gradient arena | showcase | Product showcase | Measured, not vibes - 57/57 unit tests pass - 15-token benchmark: all tokens hold the 100/100 usability bar - 100-source stress test: 0 errors, fidelity avg 99.7, min 80 - 7 end-user examples at 100% fidelity Try it - no install - Live gallery (no install): https://kayforkind.github.io/reimagine-it/ - Repo: https://github.com/Kayforkind/reimagine-it - npm: npx reimagine-it@2.4.2 Give it one HTML file. It gives you back something worth opening. Top comments (0)

Read on DEV Community ↗ ← Back to News

Comments

No comments yet. Start the discussion.