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
- 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 有哪些新功能
- 所有令牌的源保真度底线提升至 80%。在 v2.4.2 之前,105 个“令牌×源”单元格中有 61 个的保真度低于 80%——引擎更倾向于标题而非真实的源锚点,导致像“Venator Become”或“Arcade Tee”这样的短语无法渲染。现在:锚点 = 标题 + 源锚点(已去重),每个可点击的短语都能保留。所有 105 个“令牌×源”单元格均 ≥80%(最差令牌为 80%)。所有七个内置示例在其 auto.json 报告中均显示 100% 的保真度。
-
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.
-
链接和电子邮件在每个令牌中都会显示。一个共享的“源索引”页脚会在每个生成的页面上渲染所有 content.links 和电子邮件,而不仅仅是在网页/落地页令牌中。
-
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.
-
浏览器扩展中包含全部 15 个设计令牌。弹出窗口现在展示了所有 15 个令牌:网页 (webpage)、落地页 (landing)、仪表盘 (dashboard)、信息图 (infographic)、电影感 (cinematic)、艺术感 (artistic)、摄影风 (photography)、SVG、3js、模拟 (simulation)、毛玻璃 (glass)、编辑风 (editorial)、动态 (motion)、渐变 (gradient)、展示 (showcase)。
-
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.
-
文档不再会出现偏差。一个新的 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 文件,它会还给你一个值得打开的作品。