Agentation

Agentation es una herramienta de feedback visual diseñada específicamente para agentes de IA de programación. Permite a los desarrolladores hacer clic en cualquier elemento de la UI de su aplicación web, añadir anotaciones con feedback específico y generar una salida de markdown estructurada que herramientas de IA como Claude Code, Cursor y Codex pueden entender y procesar. En lugar de describir elementos de forma vaga («el botón azul de la barra lateral»), los desarrolladores proporcionan selectores CSS precisos, rutas de archivos fuente y jerarquías de componentes de React que los agentes de IA pueden usar para localizar y solucionar problemas directamente.

La herramienta funciona a través de una interfaz sencilla basada en el navegador con una barra de herramientas que aparece en la esquina inferior derecha. Los usuarios pasan el cursor sobre los elementos para ver sus nombres resaltados, hacen clic para añadir anotaciones, escriben el feedback y copian el markdown formateado para pegarlo en sus herramientas de IA de programación. Con la integración de MCP (Model Context Protocol), el proceso es aún más fluido: los agentes pueden acceder directamente a las anotaciones sin necesidad de copiar y pegar, lo que permite ciclos de feedback conversacionales donde los agentes pueden pedir aclaraciones o confirmar cuando los problemas se han resuelto.

Agentation es particularmente valiosa para desarrolladores frontend y equipos que utilizan asistentes de IA de programación para el desarrollo rápido y la depuración. Transforma el feedback visual vago en instrucciones precisas y accionables que los agentes de IA pueden ejecutar con exactitud, lo que la hace especialmente útil para la depuración de componentes de UI, ajustes de estilo, correcciones de contenido y procesos de revisión de código colaborativa donde el contexto visual es importante.