Skip to content

Annotate and review Claude Code plans visually, share with your team, send feedback with one click

License

Notifications You must be signed in to change notification settings

chocomilk4759/plannotator

 
 

Repository files navigation

Plannotator

Plannotator

Interactive Plan Review: Mark up and refine your plans using a UI, easily share for team collaboration, automatically integrates with Claude Code plan mode.

Watch video

Watch the demo

Install

Install the plannotator command so Claude Code can use it:

macOS / Linux / WSL:

curl -fsSL https://plannotator.ai/install.sh | bash

Windows PowerShell:

irm https://plannotator.ai/install.ps1 | iex

Then in Claude Code:

/plugin marketplace add backnotprop/plannotator
/plugin install plannotator@plannotator

# IMPORTANT: Restart Claude Code after plugin install

See apps/hook/README.md for detailed installation instructions including a manual hook approach.

How It Works

When Claude Code calls ExitPlanMode, this hook intercepts and:

  1. Opens Plannotator UI in your browser
  2. Lets you annotate the plan visually
  3. Approve → Claude proceeds with implementation
  4. Request changes → Your annotations are sent back to Claude

License

Copyright (c) 2025 backnotprop.

This project is licensed under the Business Source License 1.1 (BSL).

About

Annotate and review Claude Code plans visually, share with your team, send feedback with one click

Resources

License

Contributing

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 87.7%
  • HTML 3.6%
  • CSS 3.4%
  • Batchfile 2.2%
  • PowerShell 1.8%
  • Shell 1.3%