Vibe Annotations

Vibe Annotations es una extensión de navegador que cierra la brecha entre el feedback visual y la programación impulsada por IA. Te permite hacer clic directamente en cualquier elemento de una página web —un botón, un cuadro de texto, una sección del diseño— y adjuntar una nota explicando qué debe cambiar. En lugar de describir problemas con palabras o tomar capturas de pantalla, señalas y haces clic. Puedes ir creando una cola de estas anotaciones en diferentes páginas de tu sitio. Después, con una sola acción, envías todo el lote a un agente de programación de IA como Claude Code, Cursor o GitHub Copilot. La IA recibe el contexto preciso, incluyendo la estructura del DOM y tus instrucciones, y puede implementar las correcciones directamente en el código.

Lo que hace que Vibe Annotations destaque es su enfoque en un flujo de trabajo local-first y sin complicaciones. La herramienta se ejecuta completamente en tu ordenador. Tus anotaciones y los datos de la página web nunca salen de tu máquina, lo cual es ideal para la privacidad y la seguridad cuando trabajas en servidores de desarrollo locales. La configuración es mínima: instalas la extensión, inicias un pequeño servidor local y añades unas pocas líneas para configurar tu agente de IA. No hay cuentas que crear, no hay suscripciones y es totalmente open source. Está diseñada para encajar en el flujo de trabajo actual de un desarrollador sin añadir complejidad.

Esta herramienta es más útil para desarrolladores que utilizan regularmente asistentes de IA para programar y sienten que pasan tiempo explicando manualmente problemas visuales o relacionados con la UI. Convierte un proceso tedioso de ida y vuelta en un conjunto de instrucciones visuales rápidas. Ya sea que estés ajustando el estilo de un componente, corrigiendo la alineación en todo un sitio o solicitando múltiples cambios de diseño, Vibe Annotations te permite comunicar esas necesidades directamente en la interfaz misma y pasarlas a la automatización.