Plannotator

Interactive Plan Review for AI Coding Agents. Mark up and refine your plans using a visual UI, share for team collaboration, and seamlessly integrate with Claude Code and OpenCode.

Claude Code Watch Demo

OpenCode Watch Demo

New:

• Attach and annotate images with your feedback (pen, arrow, circle tools)
• Auto-save approved plans to Obsidian and Bear Notes

Install for Claude Code

Install the plannotator command:

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.

---

Install for OpenCode

Add to your opencode.json:

{
  "plugin": ["@plannotator/opencode@latest"]
}

Restart OpenCode and the submit_plan tool will be available.

Existing users: If you're stuck on an old version, clear both caches and restart:

rm -rf ~/.cache/opencode/node_modules/@plannotator ~/.bun/install/cache/@plannotator

---

How It Works

When your AI agent finishes planning, Plannotator:

1. Opens the Plannotator UI in your browser
2. Lets you annotate the plan visually (delete, insert, replace, comment)
3. Approve → Agent proceeds with implementation
4. Request changes → Your annotations are sent back as structured feedback

---

License

Copyright (c) 2025 backnotprop.

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