backnotprop/plannotator

Annotate and review coding agent plans and code diffs visually, share with your team, send feedback to agents with one click.

解決的問題

AI 編碼代理經常提出需要人工監督的複雜計畫、規範或程式碼變更。Plannotator 提供了一個視覺化介面來檢視這些輸出，允許使用者提供結構化回饋、對 HTML 產物進行標註，並在代理執行之前檢視程式碼 diff。

工作原理

Plannotator 透過 hooks、skills 或斜線指令與各種 AI 代理（如 Claude Code、Copilot CLI 和 Gemini CLI）整合。當代理提出計畫或完成任務時，專案會開啟一個本地瀏覽器介面。使用者可以對 markdown、HTML 或程式碼 diff 進行標註；這些標註和評論隨後會傳回給代理，以引導其下一步操作。

適用對象

  • 使用 AI 編碼代理並希望透過視覺化方式檢視代理計畫與程式碼變更的開發人員。
  • 希望透過加密的可分享連結來共享與協作 AI 生成計畫的團隊。
  • 需要比終端機更直覺的介面來進行複雜檢視的 CLI 代理使用者。

亮點

  • 多代理支援： 整合了 Claude Code、Copilot CLI、Gemini CLI、Codex 等。
  • 視覺化標註： 支援對 markdown、HTML 產物和程式碼 diff 進行標註。
  • 計畫檢視模式： 自動攔截代理計畫，允許進行帶有回饋的核准或拒絕。
  • 協作： 提供使用 AES-256-GCM 加密的計畫安全共享機制。
  • IDE 整合： 包含一個 VS Code 擴充功能，可以直接在編輯器中查看計畫與 diff。