<p align="center">
<img src=".github/assets/banner.webp" alt="Plannotator" width="640" />
</p>
<p align="center">
<strong>Everything you need to annotate and stay in the loop with your agents</strong><br/>
<strong>Markdown Review • Code Review • HTML Artifacts</strong><br/>
<sub>Annotate plans, specs, markdown, and HTML before implementation. Review diffs and PRs. Send feedback to your agent.</sub>
</p>
<p align="center">
<img src=".github/assets/icons/amp.svg" alt="Amp" title="Amp" height="28" />
<img src=".github/assets/icons/claude.svg" alt="Claude Code" title="Claude Code" height="28" />
<img src=".github/assets/icons/codex.png" alt="Codex" title="Codex" height="28" />
<picture>
<source media="(prefers-color-scheme: dark)" srcset=".github/assets/icons/copilot-dark.svg" />
<img src=".github/assets/icons/copilot-light.svg" alt="Copilot CLI" title="Copilot CLI" height="28" />
</picture>
<img src=".github/assets/icons/droid.png" alt="Droid" title="Droid" height="28" />
<img src=".github/assets/icons/gemini.png" alt="Gemini CLI" title="Gemini CLI" height="28" />
<img src=".github/assets/icons/kiro.svg" alt="Kiro" title="Kiro" height="28" />
<picture>
<source media="(prefers-color-scheme: dark)" srcset=".github/assets/icons/opencode-dark.svg" />
<img src=".github/assets/icons/opencode-light.svg" alt="OpenCode" title="OpenCode" height="28" />
</picture>
<picture>
<source media="(prefers-color-scheme: dark)" srcset=".github/assets/icons/pi-dark.svg" />
<img src=".github/assets/icons/pi-light.svg" alt="Pi" title="Pi" height="28" />
</picture>
</p>
<p align="center">
<a href="https://www.youtube.com/watch?v=a_AT7cEN_9I">Watch the og demo</a> · <a href="https://docs.plannotator.ai/open-source/start/installation">Installation guide</a> · <a href="https://plannotator.ai/">Official site</a> · <a href="https://github.com