backnotprop/plannotator

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

What it solves

AI coding agents often propose complex plans, specifications, or code changes that require human oversight. Plannotator provides a visual interface to review these outputs, allowing users to provide structured feedback, annotate HTML artifacts, and review code diffs before the agent implements them.

How it works

Plannotator integrates with various AI agents (like Claude Code, Copilot CLI, and Gemini CLI) via hooks, skills, or slash commands. When an agent proposes a plan or finishes a task, the project opens a local browser-based UI. Users can mark up markdown, HTML, or code diffs; these annotations and comments are then sent back to the agent to guide its next steps.

Who it’s for

  • Developers using AI coding agents who want a visual way to review agentic plans and code changes.
  • Teams looking to share and collaborate on AI-generated plans through encrypted, shareable links.
  • Users of CLI-based agents who need a more intuitive interface than a terminal for complex reviews.

Highlights

  • Multi-agent support: Integrates with Claude Code, Copilot CLI, Gemini CLI, Codex, and more.
  • Visual Annotation: Supports marking up markdown, HTML artifacts, and code diffs.
  • Plan Review Mode: Automatically intercepts agent plans to allow for approval or rejection with feedback.
  • Collaboration: Features a secure sharing mechanism for plans using AES-256-GCM encryption.
  • IDE Integration: Includes a VS Code extension to view plans and diffs directly in the editor.