[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-73582":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":25,"hasPages":25,"topics":26,"createdAt":10,"pushedAt":10,"updatedAt":36,"readmeContent":37,"aiSummary":38,"trendingCount":16,"starSnapshotCount":16,"syncStatus":39,"lastSyncTime":40,"discoverSource":41},73582,"plannotator","backnotprop\u002Fplannotator","backnotprop","Annotate and review coding agent plans and code diffs visually, share with your team, send feedback to agents with one click.","https:\u002F\u002Fplannotator.ai",null,"TypeScript",6048,426,18,101,0,80,309,848,240,38.89,"Apache License 2.0",false,"main",true,[27,28,29,30,31,32,33,34,35],"agents","claude-code","code-review","codex","obsidian","opencode","pi-mono","plan-mode","skills","2026-06-12 02:03:15","\u003Cp align=\"center\">\n  \u003Cimg src=\"apps\u002Fmarketing\u002Fpublic\u002Fog-image.webp\" alt=\"Plannotator\" width=\"80%\" \u002F>\n\u003C\u002Fp>\n\n# Plannotator\n\nInteractive 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**, **Copilot CLI**, **Gemini CLI**, **OpenCode**, **Pi**, and **Codex**.\n\n**Plan Mode Demos:**\n\u003Ctable>\n\u003Ctr>\n\u003Ctd align=\"center\" width=\"50%\">\n\u003Ch3>Claude Code\u003C\u002Fh3>\n\u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=a_AT7cEN_9I\">\n\u003Cimg src=\"apps\u002Fmarketing\u002Fpublic\u002Fyoutube.png\" alt=\"Claude Code Demo\" width=\"100%\" \u002F>\n\u003C\u002Fa>\n\u003Cp>\u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=a_AT7cEN_9I\">Watch Demo\u003C\u002Fa>\u003C\u002Fp>\n\u003C\u002Ftd>\n\u003Ctd align=\"center\" width=\"50%\">\n\u003Ch3>OpenCode\u003C\u002Fh3>\n\u003Ca href=\"https:\u002F\u002Fyoutu.be\u002F_N7uo0EFI-U\">\n\u003Cimg src=\"apps\u002Fmarketing\u002Fpublic\u002Fyoutube-opencode.png\" alt=\"OpenCode Demo\" width=\"100%\" \u002F>\n\u003C\u002Fa>\n\u003Cp>\u003Ca href=\"https:\u002F\u002Fyoutu.be\u002F_N7uo0EFI-U\">Watch Demo\u003C\u002Fa>\u003C\u002Fp>\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftable>\n\n**Annotate:** Plans, specs, folders, files, urls. send feedback directly to agents. \n\n**New:** [Code Review](https:\u002F\u002Fx.com\u002Fbacknotprop\u002Fstatus\u002F2031145299738263567?s=20)\n  \n  - send your feedback to agents\n  - built-in: \n    - ask ai\n    - agent code reviews \n\n### Features\n\n\u003Ctable>\n\u003Ctr>\u003Ctd>\u003Cstrong>Visual Plan Review\u003C\u002Fstrong>\u003C\u002Ftd>\u003Ctd>Built-in hook\u003C\u002Ftd>\u003Ctd>Approve or deny agent plans with inline annotations\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>\u003Cstrong>Plan Diff\u003C\u002Fstrong>\u003C\u002Ftd>\u003Ctd>Automatic\u003C\u002Ftd>\u003Ctd>See what changed when the agent revises a plan\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>\u003Cstrong>Code Review\u003C\u002Fstrong>\u003C\u002Ftd>\u003Ctd>\u003Ccode>\u002Fplannotator-review\u003C\u002Fcode>\u003C\u002Ftd>\u003Ctd>View git diffs or remote PRs. Package annotations and ask AI about the code as you review.\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>\u003Cstrong>Annotate Any File\u003C\u002Fstrong>\u003C\u002Ftd>\u003Ctd>\u003Ccode>\u002Fplannotator-annotate <file|folder|url>\u003C\u002Fcode>\u003C\u002Ftd>\u003Ctd>Annotate markdown, HTML, URLs, or folders and send feedback to your agent\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>\u003Cstrong>Annotate Last Message\u003C\u002Fstrong>\u003C\u002Ftd>\u003Ctd>\u003Ccode>\u002Fplannotator-last\u003C\u002Fcode>\u003C\u002Ftd>\u003Ctd>Annotate the agent's last response and send structured feedback\u003C\u002Ftd>\u003C\u002Ftr>\n\u003C\u002Ftable>\n\n#### Sharing Plans\n\nPlannotator 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.\n\n**Small plans** are encoded entirely in the URL hash. No server involved, nothing stored anywhere.\n\n**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.\n\n- Zero-knowledge storage, similar to [PrivateBin](https:\u002F\u002Fprivatebin.info\u002F)\n- Fully open source and **self-hostable** ([see docs](https:\u002F\u002Fplannotator.ai\u002Fdocs\u002Fguides\u002Fsharing-and-collaboration\u002F))\n\n## Install\n\n- [Claude Code](#install-for-claude-code)\n- [Copilot CLI](#install-for-copilot-cli)\n- [Gemini CLI](#install-for-gemini-cli)\n- [OpenCode](#install-for-opencode)\n- [Pi](#install-for-pi)\n- [Codex](#install-for-codex)\n\n## Install for Claude Code\n\n**Install the `plannotator` command:**\n\n**macOS \u002F Linux \u002F WSL:**\n\n```bash\ncurl -fsSL https:\u002F\u002Fplannotator.ai\u002Finstall.sh | bash\n```\n\n**Windows PowerShell:**\n\n```powershell\nirm https:\u002F\u002Fplannotator.ai\u002Finstall.ps1 | iex\n```\n\n**Then in Claude Code:**\n\n```\n\u002Fplugin marketplace add backnotprop\u002Fplannotator\n```\n\nRestart Claude Code after plugin install.\n\n\u003Cdetails>\n\u003Csummary>Pin a specific version or verify provenance\u003C\u002Fsummary>\n\n```bash\ncurl -fsSL https:\u002F\u002Fplannotator.ai\u002Finstall.sh | bash -s -- --version vX.Y.Z\n```\n\n```powershell\n& ([scriptblock]::Create((irm https:\u002F\u002Fplannotator.ai\u002Finstall.ps1))) -Version vX.Y.Z\n```\n\nEvery released binary ships with a SHA256 sidecar (verified automatically). [SLSA provenance](https:\u002F\u002Fslsa.dev\u002F) verification is supported from v0.17.2 onwards — see the [installation docs](https:\u002F\u002Fplannotator.ai\u002Fdocs\u002Fgetting-started\u002Finstallation\u002F#verifying-your-install) for details.\n\n\u003C\u002Fdetails>\n\nSee [apps\u002Fhook\u002FREADME.md](apps\u002Fhook\u002FREADME.md) for detailed installation instructions including a `manual hook` approach.\n\n---\n\n## Install for Copilot CLI\n\n**Install the `plannotator` command:**\n\n**macOS \u002F Linux \u002F WSL:**\n\n```bash\ncurl -fsSL https:\u002F\u002Fplannotator.ai\u002Finstall.sh | bash\n```\n\n**Windows PowerShell:**\n\n```powershell\nirm https:\u002F\u002Fplannotator.ai\u002Finstall.ps1 | iex\n```\n\n**Then in Copilot CLI:**\n\n```\n\u002Fplugin marketplace add backnotprop\u002Fplannotator\n\u002Fplugin install plannotator-copilot@plannotator\n```\n\nRestart Copilot CLI after plugin install. Plan review activates automatically when you use plan mode (`Shift+Tab` to enter plan mode).\n\nSee [apps\u002Fcopilot\u002FREADME.md](apps\u002Fcopilot\u002FREADME.md) for details.\n\n---\n\n## Install for Gemini CLI\n\n**Install the `plannotator` command:**\n\n**macOS \u002F Linux \u002F WSL:**\n\n```bash\ncurl -fsSL https:\u002F\u002Fplannotator.ai\u002Finstall.sh | bash\n```\n\n**Windows PowerShell:**\n\n```powershell\nirm https:\u002F\u002Fplannotator.ai\u002Finstall.ps1 | iex\n```\n\nThe installer auto-detects Gemini CLI (checks for `~\u002F.gemini`) and configures the plan review hook and policy. It also installs `\u002Fplannotator-review` and `\u002Fplannotator-annotate` slash commands.\n\n**Then in Gemini CLI:**\n\n```\n\u002Fplan                              # Enter plan mode — plans open in your browser\n\u002Fplannotator-review                # Code review for current changes\n\u002Fplannotator-review \u003Cpr-url>       # Review a GitHub pull request\n\u002Fplannotator-annotate \u003Cfile.md>    # Annotate a markdown file\n```\n\nRequires Gemini CLI 0.36.0 or later.\n\nSee [apps\u002Fgemini\u002FREADME.md](apps\u002Fgemini\u002FREADME.md) for details.\n\n---\n\n## Install for OpenCode\n\nAdd to your `opencode.json`:\n\n```json\n{\n  \"plugin\": [\"@plannotator\u002Fopencode@latest\"]\n}\n```\n\n**Run the install script** to get `\u002Fplannotator-review`:\n\n```bash\ncurl -fsSL https:\u002F\u002Fplannotator.ai\u002Finstall.sh | bash\n```\n\n**Windows:**\n```powershell\nirm https:\u002F\u002Fplannotator.ai\u002Finstall.ps1 | iex\n```\n\nThis also clears any cached plugin versions. Then restart OpenCode.\n\n---\n\n## Install for Pi\n\n```bash\npi install npm:@plannotator\u002Fpi-extension\n```\n\nThen start Pi with `--plan` to enter plan mode, or toggle it during a session with `\u002Fplannotator`.\n\nSee [apps\u002Fpi-extension\u002FREADME.md](apps\u002Fpi-extension\u002FREADME.md) for full usage details, commands, and flags.\n\n---\n\n## Install for Codex\n\n**Install the `plannotator` command:**\n\n**macOS \u002F Linux \u002F WSL:**\n\n```bash\ncurl -fsSL https:\u002F\u002Fplannotator.ai\u002Finstall.sh | bash\n```\n\nThe installer also enables Codex Stop hooks when Codex is installed or `~\u002F.codex` already exists. Restart Codex Desktop\nafter installing or changing hooks.\n\n**Windows PowerShell:**\n\n```powershell\nirm https:\u002F\u002Fplannotator.ai\u002Finstall.ps1 | iex\n```\n\nCodex plan review is automatic on macOS, Linux, and WSL. Codex hooks are currently disabled on Windows in the official Codex docs, so the Windows installer does not enable them automatically; the direct `!plannotator` commands still work.\n\n**Then in Codex — feedback flows back into the agent loop automatically:**\n\n```\n$plannotator-review          # Code review skill for current changes\n$plannotator-annotate        # Annotate a markdown file, URL, or folder\n$plannotator-last            # Annotate the last agent message\n```\n\n```\n!plannotator review           # Code review for current changes\n!plannotator review \u003Cpr-url>  # Review a GitHub pull request\n!plannotator annotate file.md # Annotate a markdown file\n!plannotator last             # Annotate the last agent message\n```\n\nPlan review uses Codex's experimental `Stop` hook on macOS, Linux, and WSL.\n\nSee [apps\u002Fcodex\u002FREADME.md](apps\u002Fcodex\u002FREADME.md) for details.\n\n---\n\n## How It Works\n\nWhen your AI agent finishes planning, Plannotator:\n\n1. Opens the Plannotator UI in your browser\n2. Lets you annotate the plan visually (delete, insert, replace, comment)\n3. **Approve** → Agent proceeds with implementation\n4. **Request changes** → Your annotations are sent back as structured feedback\n\n(Similar flow for code review, except you can also comment on specific lines of code diffs)\n\n---\n\n## License\n\nCopyright 2025-2026 backnotprop\n\nThis project is licensed under either of\n\n- [Apache License, Version 2.0](LICENSE-APACHE) ([http:\u002F\u002Fwww.apache.org\u002Flicenses\u002FLICENSE-2.0](http:\u002F\u002Fwww.apache.org\u002Flicenses\u002FLICENSE-2.0))\n- [MIT license](LICENSE-MIT) ([http:\u002F\u002Fopensource.org\u002Flicenses\u002FMIT](http:\u002F\u002Fopensource.org\u002Flicenses\u002FMIT))\n\nat your option.\n\n### Contribution\n\nUnless you explicitly state otherwise, any contribution intentionally submitted\nfor inclusion in this project by you, as defined in the Apache-2.0 license,\nshall be dual licensed as above, without any additional terms or conditions.\n\n## Development\n\nTo make the global `plannotator` command run from this checkout:\n\n```bash\nbun install\nbun link\n```\n\nAfter linking, commands like `plannotator review` use `apps\u002Fhook\u002Fserver\u002Findex.ts` from your local repo. Rebuild the bundled HTML when changing UI code:\n\n```bash\nbun run --cwd apps\u002Freview build && bun run build:hook\n```\n","Plannotator 是一个用于AI编码助手的交互式计划和代码审查工具。它允许用户通过直观的界面标记和改进计划或代码差异，支持团队协作，并可与Claude Code、Copilot CLI、Gemini CLI等流行AI编码工具无缝集成。其核心功能包括视觉化的计划审查、自动化的计划差异显示以及对任何文件类型的注释能力。此外，Plannotator 提供了强大的分享机制，确保即使在处理大型项目时也能保证数据的安全性和隐私性，采用端到端加密技术保护共享内容。适用于需要高效协作进行代码评审和技术规划的开发团队，特别是那些已经使用AI辅助编程工具的团队。",2,"2026-06-11 03:46:16","high_star"]