Claude Code新插件：把计划做成能批注的网页

Claude Code可以把一份实现计划做成能展开、选答案、批注代码的网页了。北京时间10月6日03:35，Thariq公布了自己在做的html-plan技能：用简单语言解释方案，展示代码片段，把需要决定的问题和界面样稿放到对应位置，先让人看清楚要改什么。

这个插件处理的是写代码之前的审阅。它把计划组织成一棵带证据的树：先看用户会遇到的行为，再展开实现方式，最后看到代码位置。读计划的人可以直接留下选择和批注，整理成一次回复带回Claude。

安装后，先给它一个要做的改动

Thariq在原帖下面给了两条安装命令，先添加Anthropic的社区插件市场，再安装html-plan：

claude plugin marketplace add anthropics/claude-plugins-community

claude plugin install html-plan@claude-community

插件提供/html-plan入口。README里的调用例子是/html-plan add send later to the composer，即给编辑器加定时发送。任务还在方案阶段，输出是一页HTML计划；插件要求先收到读者的回复，再开始实现。

从用户行为，一层层展开到代码

计划树的第一层写用户能做什么、看见什么，用界面样稿或状态机支撑。第二层解释它如何工作，展示调用栈、数据结构或短代码。第三层落到代码位置。阅读时先把树折叠起来看概览，再按需要逐项展开到实现细节。

这套分层让“增加定时发送”同时有用户视角和实现位置。第一眼看得到入口和状态变化；需要判断实现是否可行时，再往下看调用关系与存储。原件要求已有代码使用真实路径和行号，尚未存在的代码明确标成草图。

Thariq还单独说，他特别喜欢调用栈和给代码片段加批注的能力。代码行、调用行和图里的关系都可以成为评论对象。

问题放在影响方案的地方

每个决策跟着它会改变的那项方案出现。读者可以选选项、编辑数据结构，也可以对某个判断或某行代码评论。页面底部的按钮会带人去下一个尚未打开的决策，最后按Respond，把这些选择、修改和评论汇总为一份回复。

原件对默认选项也写了规则：某个问题未打开，即使保留了默认值，也不视为读者同意。需要人明确选择的重要分歧，仍要收到回复。这项要求让交互式计划里的“看过”和“确认过”各有记录。

网页有格式检查，文字也有约束

插件用node运行pack.mjs，把页面、样式和脚本打成一个可离线打开的单文件。打包前会做lint，检查结构与组件格式；例如每个判断只能有一份展示证据，最多5个子项、3层。Thariq补充说，一部分lint也用来改善图和流程图。

文字规则使用ASD-STE100简明技术英语，强调主动语态、一个句子只讲一件事；指令最多20个词，描述最多25个词。界面文本、代码和用户原话另有保留规则。工具把计划的阅读负担同时压在结构和句子上。

Thariq认为，复用组件会让Token消耗更接近Markdown，比直接生成大量原始HTML更省。这是作者给出的预期。当前插件把页面交互交给共用组件，模型主要组织计划树和证据；需要审阅的人拿到的则是能逐项回答、最后一次带回所有反馈的方案。

打开Claude重置雷达