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

reimagine-it v2.4.2 — 一条指令,15 个设计令牌,80% 的源保真度底线

What it is reimagine-it 是一款单指令代理工具(agent skill),它能将现有的 HTML 文件重新设计成美观且可运行的成品,且仅使用该文件中已有的名词、日期、颜色、链接和数字。无需情绪板,也不会出现标签被替换的“金玉其外”的布局。输出的是一个你可以直接打开的真实页面。 npx reimagine-it@2.4.2 -i mypage.html -o redesigned.html

reimagine-it 是什么 reimagine-it 是一款单指令代理工具,它能将现有的 HTML 文件重新设计成美观且可运行的成品,且仅使用该文件中已有的名词、日期、颜色、链接和数字。无需情绪板,也不会出现标签被替换的“金玉其外”的布局。输出的是一个你可以直接打开的真实页面。 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.

v2.4.2 有哪些新功能

  1. 所有令牌的源保真度底线提升至 80%。在 v2.4.2 之前,105 个“令牌×源”单元格中有 61 个的保真度低于 80%——引擎更倾向于标题而非真实的源锚点,导致像“Venator Become”或“Arcade Tee”这样的短语无法渲染。现在:锚点 = 标题 + 源锚点(已去重),每个可点击的短语都能保留。所有 105 个“令牌×源”单元格均 ≥80%(最差令牌为 80%)。所有七个内置示例在其 auto.json 报告中均显示 100% 的保真度。

  1. 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.

  2. 链接和电子邮件在每个令牌中都会显示。一个共享的“源索引”页脚会在每个生成的页面上渲染所有 content.links 和电子邮件,而不仅仅是在网页/落地页令牌中。


  1. 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.

  2. 浏览器扩展中包含全部 15 个设计令牌。弹出窗口现在展示了所有 15 个令牌:网页 (webpage)、落地页 (landing)、仪表盘 (dashboard)、信息图 (infographic)、电影感 (cinematic)、艺术感 (artistic)、摄影风 (photography)、SVG、3js、模拟 (simulation)、毛玻璃 (glass)、编辑风 (editorial)、动态 (motion)、渐变 (gradient)、展示 (showcase)。


  1. 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.

  2. 文档不再会出现偏差。一个新的 docs-drift CI 任务会重新生成案例表格,如果它们与真实数据不符,构建将会失败。


The 15 design tokens

  • 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

15 个设计令牌

  • webpage:简洁的内容优先页面
  • landing:以转化为导向的落地页
  • dashboard:基于事实的 KPI 仪表盘
  • infographic:纸质海报风格的论点展示
  • cinematic:电影海报般的视觉冲击力
  • artistic:富有表现力的艺术指导
  • photography:以照片为主导的布局
  • svg:动态 SVG 标记
  • 3js:WebGL 轨道场景
  • simulation:交互式时间轴
  • glass:毛玻璃拟态 UI
  • editorial:杂志排版风格
  • motion:动画微交互
  • gradient:大胆的渐变舞台
  • 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

用数据说话,而非凭感觉

  • 57/57 个单元测试通过
  • 15 个令牌基准测试:所有令牌均达到 100/100 的可用性标准
  • 100 个源压力测试:0 错误,平均保真度 99.7,最低 80
  • 7 个终端用户示例达到 100% 保真度

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.

立即尝试 — 无需安装 在线画廊(无需安装):https://kayforkind.github.io/reimagine-it/ 仓库地址:https://github.com/Kayforkind/reimagine-it npm:npx reimagine-it@2.4.2 给它一个 HTML 文件,它会还给你一个值得打开的作品。