backnotprop

Plannotator — Design skill for Claude Code

Design community intermediate

Interactive plan review UI for Claude Code with visual annotation, offline sharing, and Obsidian/Bear integration.

How to install Plannotator

This entry records only its repository, not the path inside it, so there is no exact command to give. Open backnotprop/plannotator and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Plannotator does

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

Alternatives in Design

Learning Output Style — Interactive learning mode for skill building 14k ★
Canvas — Open, create, or update a visual canvas — add images, text, PDFs, wiki pages, and banana-generated assets to O 3.3k ★
Claude Powerline — by Owloops - A vim-style powerline statusline for Claude Code with real-time usage tracking, git integration 940 ★

README

Plannotator

**Plan Mode Demos:**

Claude Code

Watch Demo

OpenCode

Watch Demo

**New:** [Code Review](https://x.com/backnotprop/status/2031145299738263567?s=20)

Features

Visual Plan ReviewBuilt-in hookApprove or deny agent plans with inline annotations Plan DiffAutomaticSee what changed when the agent revises a plan Code Review/plannotator-reviewReview git diffs with line-level annotations Annotate Any File/plannotator-annotateAnnotate any markdown file and send feedback to your agent

Sharing Plans

Plannotator lets you privately share plans, annotations, and feedback with colleagues. For example, a colleague can annotate a shared plan, and you can import their feedback to send directly back to the coding agent.

**Small plans** are encoded entirely in the URL hash. No server involved, nothing stored anywhere.

**Large plans** use a short link service with **end-to-end encryption**. Your plan is encrypted with AES-256-GCM in your browser before upload. The server stores only ciphertext it cannot read. The decryption key lives only in the URL you share. Pastes auto-delete after 7 days.