explorar pick editorial #agent-review-ui hallazgo 02 · boletín 2026-08-30

backnotprop/plannotator

Superficie de revisión local browser-based para coding agents: Claude Code, Codex, Copilot CLI, Gemini CLI, OpenCode, Kiro, Droid, Amp, Pi. Tres primitivas: Markdown Review (planes, specs), Code Review (diffs, PRs) y HTML Artifacts (visual review de HTML generado). El agente emite el output, plannotator lo abre en el browser local, el humano anota visualmente y devuelve feedback estructurado al agente.

Estrellas

8.235

Forks

2.104

Lenguaje

TypeScript

Licencia

Apache-2.0

Issues

—

Estado

—

Cómo funciona

Implementa agent-review-uiplan-annotation-tool

Núcleo

backnotprop/plannotator TypeScript · Apache-2.0

Se cruza con complementa Agent Skill Registry

Diagrama derivado de madurez_senales (lenguaje, licencia, estado y topics) y de las relaciones que este repo tiene en el grafo de conocimiento. No es una arquitectura del proyecto: es su posición funcional tal como la registran los boletines.

Posición en el ecosistema

backnotprop/plannotator

complementa

Agent Skill Registry Concepto · y deepseek-ai/deepseek-harness

backnotprop/plannotator

implementa

agent-review-ui Concepto

backnotprop/plannotator

implementa

plan-annotation-tool Concepto

Expandir en el grafo 3D →

Relaciones que aportó este boletín

implementsagent-review-ui· 2026-08-27 implementsplan-annotation-tool· 2026-08-27 implementshtml-artifact-review· 2026-08-27 complementsagent-skill-registry· 2026-08-16relevant_toclaude-code· 2026-08-27

Por qué importa

el hueco que cubría Tencent/BrowserSkill (cubierto en el boletín 2026-08-28, agent-driven browser) era la dirección agent→browser. Plannotator cubre la dirección inversa: agent→human, con review UI que soporta 9 harnesses (Claude Code, Codex, Copilot CLI, Gemini CLI, OpenCode, Kiro, Droid, Amp, Pi). Es el primer proyecto OSS que se posiciona como "review surface agnóstica" — no atado a Claude Code ni a Codex, sino al concepto mismo de "el agente necesita que un humano revise su output antes de implementar". Tres primitivas cubren los outputs típicos: Markdown Review para planes y specs, Code Review para diffs y PRs, HTML Artifacts para revisar HTML generado visualmente. El README menciona "Effective HTML" como sister repo (plannotator/effective-html), lo que refuerza la tesis de que visual review es un primitive. En el grafo ya cubrimos concept:agent-review-ui, concept:plan-annotation-tool y concept:html-artifact-review el 2026-08-27; plannotator es la implementación unificada de los tres. Para CSS, el ángulo: cuando tienes 3-4 coding agents en uso, el problema cambia de "cuál es el mejor agente" a "cómo reviso su output de forma consistente".

Alerta

instalar plannotator; abrir un plan de Claude Code o Codex; probar la anotación visual; revisar el flujo de feedback back-to-agent; comparar con Tencent/BrowserSkill para entender qué primitiva resuelve cada uno

plannotator soporta 9 harnesses pero su adoption real depende de cuantos mantienen el adapter al dia.

Acción concreta

plannotator cubre el lado humano del bucle agent-browser que ya analizamos con BrowserSkill; comparar direcciones agent-browser vs human-review.

Apariciones · 1

2026-08-30 hallazgo principal
primera vez en el boletín

Señales de madurez (texto original)

8.235★ · 2.104 forks · Apache-2.0 · TypeScript · creado 2025-12-28 (~9 meses) · último push 2026-08-30 · default branch main · README 26KB con badges para 9 agentes. Web oficial plannotator.ai. Docs en docs.plannotator.ai. Open source + plan gratuito en su servicio. Demo YouTube público. Sister repo plannotator/effective-html (Visual HTML Skills).