html-plan 插件让 Claude Code 输出可交互的 HTML 计划文档
用 Claude Code 做开发的朋友可以试试这个 html-plan 插件，计划文档变成能点能评论的 HTML 页面，审起来快多了。
Claude Code 开发者 @trq212 发布了插件 html-plan，解决模型生成计划文档冗长、难以快速审阅的问题。运行 /html-plan 命令后，输出不再是纯文本 Markdown，而是自包含的单文件 HTML 页面，把计划组织成四层“声明树”：标题、用户能做什么、如何实现、代码位置。页面内置渐进披露、编号决策点和原地反馈闭环，可以直接在页面上选择选项、修改 schema、对代码写评论，再一键整合粘回 Claude Code 继续对话。安装通过 claude plugin marketplace 完成，目前作者正在收集反馈。
让 Claude Code 生成更高质量的 HTML 计划文档 来自 Claude Code 开发者 @trq212 对他最新 Claude 插件「html-plan」的分享。 Thariq 一直在用 HTML 展示的方式让 Claude Code 的输出更容易被理解和审查，这次的 html-plan 解决的依然是哪个真实痛点：模型给出的计划文档冗长、平铺直叙，人类很难快速审阅和给出反馈！ html-plan 就是那个 “一分钟读完、原地作答的计划”。运行 /html-plan 命令后，生成的不再是纯文本 Markdown，是一个自包含的单文件 HTML 页面，把计划组织成一棵“声明树”，分四层： · 标题：这是什么，短名称 + 作者自己的解释 · 第 1 层：用户届时能做什么/看到什么，UI 草图或状态机 · 第 2 层：如何实现，调用栈、数据 schema、代码片段 · 第 3 层：代码在哪里，具体代码位置 配套三个设计：渐进披露(折叠态即摘要，按需展开)、编号决策点(页面底部有按钮逐个跳转未决项)、原地反馈闭环(直接在页面上选项、改 schema、对某一行代码写评论，一键生成整合答复，粘回 Claude Code 继续对话)。 插件安装方式： claude plugin marketplace add anthropics/claude-plugins-community claude plugin install html-plan @claude -community Thariq @trq212 I've been working on a skill that makes better HTML plans in Claude Code. It uses simple language, shows code snippets, surfaces questions & makes mockups. Linting reduces the normal failure cases that Claude runs into. Would love your feedback before shipping more broadly! Your browser does not support the video tag. 🔗 View on Twitter 🔗 View Quoted Tweet 💬 0 🔄 0 ❤️ 2 👀 191 📊 1 ⚡
