ByteNoteByteNote
Anthropic 把实现计划做成了一页可交互的 HTML
字

字节笔记本

2026年10月5日 · 约 3 分钟读完

Anthropic 把实现计划做成了一页可交互的 HTML

API中转
¥120

审 agent 的实现计划,最难受的从来不是内容差,而是形式:一大篇 Markdown 从头滚到尾,想提意见还得引用半天。Anthropic 的 Thariq 放出了一个可安装的 Claude Code 社区插件 html-plan(发布帖 478 赞),换了个思路:让 Claude 把实现计划直接写成一页可交互的 HTML,你像审表单一样把它审完。

html-plan 所在的官方插件社区仓库

计划是一棵主张树

用一条命令 /html-plan add send later to the composer,产出的 HTML 把计划组织成一棵逐层展开的主张树:标题层回答「这是什么」,第一层回答「用户能看到或做到什么」(配 UI 草图或状态机),第二层回答「怎么实现」(调用栈、Schema 或代码片段),第三层直接给到代码位置。

收起时整棵树就是一份摘要;展开则一层层下钻,答案藏在哪一层一目了然。每个待决策的点上都有编号,页面底部的「3 to answer」按钮会直接跳到下一个你没看过的决策点。审计划由此变成了按编号过清单,而不是在长文里翻找「该我拍板的地方在哪」,这个细节对大改动尤其省心:越复杂的方案,漏看的决策点越多。

主张树的四层结构

回答也是结构化的

看到分歧点,你可以在页面上直接选选项、编辑 Schema、对任何一条主张或一行代码写评论,全部处理完按 Respond,一份汇总好的回答粘回给 Claude 即可。整个反馈过程不需要离开这页 HTML,也不需要你在终端里手打「关于第二点我的想法是」这种长句。对跨时区的团队来说,这页 HTML 本身就是异步评审的载体:白天你没空细看,晚上打开按编号过一遍就行。

依赖只有一个 node(用来把页面打包成单文件),装好插件后在 Claude Code 里调 /html-plan 即可,官方仓库里有一个 scheduled-send 计划的完整示例可以对照着看。

为什么值得注意

这个插件和之前写过的 Claude Code Artifacts 是同一条思路的两端:Artifacts 让 agent 的成果变成可分享的页面,html-plan 让 agent 的计划变成可交互的表单。HTML 在这里不是展示格式,而是人和 agent 之间带宽最高的反馈界面:图形化结构、就地编辑、一键汇总,都是纯文本给不了的。

做 agent 产品的人可以直接抄这个交互范式:任何需要人类审批的中间产物,比如实施计划、数据库 Schema、迁移方案、发布清单,都可以从长文档换成「主张树加编号决策」的单页表单,审批质量和速度都会不一样。仓库在 anthropics/claude-plugins-community,4.5 千星,装插件之外也值得顺带逛一圈这个官方插件社区。

相关文章

分享: