plannotator
为AI编程助手提供本地浏览器审查与标注界面
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：plannotator。 它的用途是：为AI编程助手提供本地浏览器审查与标注界面 完整的 Skill 内容见：https://321skill.com/skills/plannotator/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'/plannotator-review' 来审查当前Git工作区的所有代码变更。AI会启动Plannotator并在你的浏览器中打开一个差异对比界面，你可以逐行添加评论，点击发送后，AI会收到你的具体修改意见并执行。或者，当AI生成一个项目计划时，
对AI说：'/plannotator-annotate'，即可在浏览器中详细标注该计划，并将批注反馈给AI进行调整。
介绍
Plannotator 解决了在AI辅助编程过程中，开发者难以直观、高效地审查和反馈AI生成内容（如计划、代码、HTML原型）的问题。它作为一个本地运行的浏览器应用，通过集成到AI助手（如Claude Code、Cursor等）的命令或钩子中，当AI生成计划、代码或HTML时，会自动在浏览器中打开相应内容供你审阅。
你可以直接在浏览器中对AI生成的Markdown计划、代码差异、HTML原型进行高亮、注释和批注，这些反馈会直接发送回AI助手，让它根据你的意见进行修改或继续工作，形成一个高效的协作闭环。
它非常适合依赖AI助手进行编码、文档编写或原型设计的开发者、技术负责人和项目经理，尤其适合那些需要对AI输出进行质量把控和方向引导的用户。
建议在使用前仔细阅读其安装指南，确保正确配置你的AI助手以启用钩子功能。由于它深度集成到AI助手中，初次设置可能需要一些调试，但一旦完成，将极大提升AI协作的效率和可控性。
核心特点
与单纯在聊天窗口审查代码不同，Plannotator提供了一个功能完整的专用审查界面（支持侧边栏差异对比、文件树、HTML实时渲染标注），并能将结构化批注直接反馈给AI执行，而非单向的查看。它直接通过AI助手的原生命令/hooks触发，深度集成在工作流中。
注意事项
需要用户使用的AI助手（如Claude Code、Cursor等）支持其集成钩子或命令，对于不支持集成的AI工具无法使用。
常见问题
Plannotator支持哪些AI编程助手？
支持Claude Code、Cursor、GitHub Copilot CLI、Gemini CLI、OpenCode、Kiro、Droid、Amp、Pi等主流AI编码代理。
使用Plannotator需要联网吗？
Plannotator本身是本地运行的浏览器应用，但你的AI助手通常需要联网调用模型，且审查远程PR等功能需要网络。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/plannotator/raw/index.md 读取 plannotator 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/plannotator/raw/index.md（查看排版版本）