html-anything-display-validation-2026-05-23
- HTML: https://decision.ht1072.top/2026-05-29-html-anything-display-validation-2026-05-23.html
- Local HTML:
[已移除本地路径] - Generated: 2026-05-29T18:22:39+08:00
title: HTML Anything 对 Hermes HTML 展示的验证 created_at: 2026-05-24 00:20 CST source_repo: https://github.com/nexu-io/html-anything local_experiment_dir: [已移除本地路径] status: validated confidence: medium-high
HTML Anything 对 Hermes HTML 展示的验证
结论
HTML Anything 对 Hermes 的 HTML 展示有明确帮助，但应按 Partial Absorb / L3 局部能力吸收 处理。
不要接入整套 Next 本地编辑器、agent picker 或 CLI spawn 控制面；更适合吸收它的模板表达、展示 surface 分类、HTML→PNG/平台导出思路，以及 diff-edit 二次修改约束。
验证对象
- 源项目：
nexu-io/html-anything - 参考模板：
data-reportarticle-magazinedoc-kami-parchmentdeck-swiss-internationaldeck-guizang-editorial- 本地样本：
[已移除本地路径]
本地实验产物
目录：[已移除本地路径]
| 文件 | 风格 | 适合场景 | 判断 |
|---|---|---|---|
variant-data-report.html |
数据报告 / 决策页 | 飞书链接页、巡检报告、决策归档 | 最适合默认化 |
variant-article-magazine.html |
杂志长文 | 正式论证页、专题文章 | 适合长读，不适合快速扫读 |
variant-deck-summary.html |
Deck / 投屏 | 阶段汇报、会议投屏、视觉摘要 | 适合作为衍生形态，不适合归档主形态 |
渲染检查
已通过浏览器 [已移除本地文件链接] 渲染检查：
variant-data-report.html- title 正常
- h1/h2/table 结构正常
- 无横向溢出
- 信息密度最高，适合 Hermes 决策页默认样式
variant-article-magazine.html- 标题、双栏、正文层级正常
- 阅读感强，但表格/锚点弱
- 适合正式论证，不适合飞书会话快速决策
variant-deck-summary.html- 全屏 slide / 暗色投屏风格正常
- 内容摘要表达强
- 长期归档检索弱，只适合汇报型衍生输出
注意：browser_vision 因当前视觉模型 rate limit 失败，但浏览器 DOM/snapshot 与截图文件均生成成功。
吸收清单
P0：默认 HTML 决策页模板
吸收 data-report 风格：
- 顶部 hero + verdict 卡片
- 关键指标 / 状态块
- 决策表格
- 证据与下一步双栏
- 移动端响应式
落点：Hermes 决策型 HTML 归档模板。
P0：diff-edit 约束
吸收 HTML Anything 的二次修改约束：
- 基于旧 HTML 修改，不从零重写
- 保留
<head>、CSS、布局、组件结构 - 只替换内容差异
- 防止二次生成时视觉漂移
落点：HTML 报告修改流程 / 决策页再生成 prompt。
P1：长文 magazine 模板
吸收为可选风格，不做默认。
适用：专题论证、正式文章、面向阅读的长页。
P1：Deck summary 衍生输出
吸收为可选导出形态。
适用：会议投屏、阶段汇报、摘要页。
P2：HTML→PNG / 平台导出链
后续可验证：
modern-screenshot生成缩略图juice内联 CSS 适配平台粘贴- 飞书 card 配图 / 预览图
不吸收内容
- 不吸收 Next 本地编辑器壳
- 不吸收 agent picker / 多 CLI 调用控制面
- 不吸收平台发布产品壳
- 不让它替代 Hermes HTML 归档、Cloudflare Pages 或飞书卡片链路
最终判断
HTML Anything 应作为 Hermes HTML 展示层的设计与工程参考，而不是运行时依赖。
最终决策：Partial Absorb。
固化进展（2026-05-24）
已将验证结论落入 Hermes skill：
- Skill：
decision-trace-reply-pattern - 模板：
~/.hermes/skills/productivity/decision-trace-reply-pattern/templates/data-report-decision-page.html - Reference：
~/.hermes/skills/productivity/decision-trace-reply-pattern/references/html-anything-data-report-template-2026-05-23.md - Smoke page：
[已移除本地路径]
浏览器 smoke 检查结果：
- title 正常
- h1/h2/table/panel/metric 结构正常
- 无未替换占位符
- 无横向溢出
- 文档尺寸正常
后续决策型 HTML 默认优先使用该 data-report 模板；magazine/deck 仅作为可选风格。