Claude Code prueba tu web en Chrome, lee los errores de consola y los arregla

Con la extensión Claude in Chrome, Claude Code escribe el código, abre localhost, hace clic por la interfaz, detecta errores y los corrige sin que toques el navegador.

Qué se hizo

La extensión Claude in Chrome se conecta a Claude Code (con claude --chrome o /chrome) y comparte la sesión real de Chrome del desarrollador, incluidos sus inicios de sesión.

Al pedirle un filtro nuevo para una tabla del panel, Claude escribió el componente, abrió la página y probó el filtro. Vio que los parámetros de la URL no se actualizaban, corrigió la lógica del router y lo confirmó recargando.

Resultado

El ejemplo del filtro necesitó tres iteraciones sin que el desarrollador tocara el navegador. Solo funciona en el equipo del desarrollador con una ventana de Chrome o Edge visible: nada de CI ni modo headless.

A tener en cuenta

Cada interacción con el navegador consume mucho contexto (alrededor de un 7,7 % por interacción). Para uso intensivo, los autores recomiendan una suscripción en lugar de pagar por API.

Prompt para probarlo

Arranca mi app con [comando], ábrela en Chrome en [URL de localhost] y recorre [funcionalidad o flujo]. Lee los errores de consola y de red, encuentra la causa en el código y arréglala. Repite hasta que funcione sin errores y resume los cambios. No hagas commit ni push sin preguntarme.

Plantilla orientativa redactada por CasosAgentesIA a partir del caso; no es el prompt original. Sustituye lo que está entre corchetes.

Casos relacionados

Los mejores casos, cada semana

Un email semanal con los casos de agentes de IA más útiles, con su prompt para probarlos. Gratis y sin spam.

Al suscribirte aceptas la política de privacidad. El formulario lo gestiona Beehiiv.