Instalar FrontBug
Hay dos versiones y no son la misma. La de la Chrome Web Store se instala de un clic. La más reciente, la única que habla con tu agente, está detrás de una cuenta gratuita.
Lo que funciona hoy
- Sesiones en cualquier página http o https, con notas sobre un elemento, una zona o la página entera.
- Huella del componente: selector, componente del framework y, en compilaciones de desarrollo, fichero y línea.
- Capturas y notas de voz, con la consola y la red de los treinta segundos anteriores a cada nota.
- Triaje de registros que pone arriba el error propio que siguió a tu clic y conserva el ruido.
- Un paquete exportado con el que puede trabajar un agente de código, y un hub de revisión para equipos con tablero y responsable por nota.
La extensión está en revisión en la Chrome Web Store desde septiembre de 2026. Esta página cambia cuando eso cambie.
Un clic, desde la tienda
Instalar FrontBug desde la Chrome Web Store. Te llevas todo lo que la extensión hace por su cuenta: anclar notas a componentes, capturarlas con sus registros y capturas, grabar una nota de voz y exportar un paquete que puedes pasarle a cualquiera. Lo que NO te llevas es la pestaña Agent funcionando. La versión publicada trae el ajuste pero no el canal que hay detrás, así que el interruptor está y no hace nada.
La versión más reciente, con cuenta
Es la misma extensión, por delante de lo que sirve la tienda, con el canal local funcionando: las notas entran directas en una sesión de Claude Code abierta en tu repositorio, sin copiar y pegar. Todavía no está publicada en ningún sitio: Google la sigue revisando. Así que la forma de tenerla es una cuenta.
Crear una cuenta gratis y descargarla
La cuenta no es un peaje: es el hub donde aterrizan las notas de tu equipo, donde se triagean y donde se cierra una sesión. Gratis, sin tarjeta. ¿Ya tienes una? Entra y descárgala.
Por qué esa no se instala de un clic
Chrome se niega a instalar extensiones que no vengan de su propia tienda en Windows y macOS. Un botón de descarga de un .crx parecería un atajo y no funcionaría: el fichero se descarga, lo arrastras, y la entrada se queda ahí en gris. Preferimos pedirte que entres una vez y sigas cuatro pasos que funcionan antes que ofrecerte uno que no.
El CLI, para la pestaña del agente
Solo hace falta para ese segundo camino. Está en npm, con licencia MIT y sin dependencias: lo que instalas es lo que se ejecuta.
- Instálalo de forma global:
npm install -g frontbug - En el repositorio que estés revisando, arranca el agente:
frontbug agent. Deja en tu portapapeles el token que la extensión pide. - Pégalo en la pestaña Agent de la extensión y deja esa terminal abierta.
frontbug --help lista el resto: leer las notas en el repositorio, marcarlas arregladas, bajar un paquete y la skill de Claude Code.
Qué necesitas al lado
Nada, para tomar notas y exportar un paquete: la extensión funciona sola y con la red apagada. La cuenta y el CLI son para el paso siguiente, que es hacer llegar esas notas a quien las arregla.