Hay un problema silencioso con casi toda la IA que construye código: trabaja a ciegas. Genera una pantalla, te dice "listo, ya funciona"… pero nunca la ABRIÓ para comprobarlo. No tiene ojos. agent-browser —una herramienta open-source de Vercel— le da exactamente eso: la capacidad de abrir tu app en un navegador real, mirarla, hacer clic, llenar formularios, comprobar que de verdad funciona, y avisarte qué está roto. La instalas en tu agente (Claude Code, Cursor, Codex) y le pides que VALIDE constantemente lo que construye, en vez de adivinar. Y eso es solo el principio: con ojos en la web, tu IA también puede navegar sitios, extraer información, automatizar tareas repetitivas. En esta guía verás cómo instalarlo, el prompt para que valide sin que se lo recuerdes, y el mundo de posibilidades que abre.
Esto le pasa a todo el que construye con IA, y casi nadie lo nota: la IA genera una pantalla, un formulario, un flujo… y te dice "listo, ya funciona". Pero, ¿lo abrió para verlo? No. La IA escribe el código y asume que está bien — no tiene ojos para comprobarlo. Es como un cocinero que sirve el plato sin probarlo. A veces sale bien; otras, el botón no hace nada, el login está roto, o la imagen no carga — y te enteras tú, en producción, frente a un cliente.
agent-browser es una herramienta open-source de Vercel que le da a tu agente de IA la capacidad de manejar un navegador real: abrir tu app, ver lo que hay en pantalla, hacer clic, escribir en campos, llenar formularios, tomar capturas y leer los errores de la consola. En cristiano: le da ojos y manos en el navegador. Deja de adivinar; ahora comprueba.
Este es el uso que cambia tu forma de trabajar: le pides a tu IA que, cada vez que construya algo, lo abra y lo valide ella misma antes de decirte que está listo. Construyó un login → que se registre con una cuenta de prueba y confirme que entra. Hizo un formulario → que lo llene y verifique que envía. Cambió una pantalla → que la abra y compruebe que se ve bien y no hay errores en consola. Pasa de "creo que funciona" a "lo probé y funciona".
Dar ojos a tu IA no sirve solo para validar lo tuyo. Con un navegador a su disposición, puede hacer muchísimo más:
A diferencia de las herramientas de automatización tradicionales (como Playwright), agent-browser está hecho para agentes de IA: en vez de leer toda la página (que gasta muchísimos tokens), le da a la IA un "mapa" compacto de los elementos con los que puede interactuar. Eso significa más barato y más rápido para tu agente. Es open-source, de Vercel, con licencia permisiva.
agent-browser de Vercel — CLI de automatización de navegador hecha para agentes de IA. Le da a tu agente (Claude Code, Cursor, Codex) ojos y manos en el navegador: abrir, ver, clic, llenar, extraer, validar. Usa snapshots del árbol de accesibilidad (eficiente en tokens) y trae servidor MCP. Open-source.
Se instala en tu computadora con un comando, y la primera vez descarga su navegador. Luego tu agente de IA lo usa. (Hay varias formas — npm es la más común.)
npm install -g agent-browser agent-browser install
brew install agent-browser) y Cargo si prefieres.Este es el prompt que cambia tu forma de trabajar. Pégaselo a tu agente para que deje de construir a ciegas:
Tienes agent-browser instalado. De ahora en adelante, NO me digas que algo "ya funciona" sin haberlo comprobado tú mismo en el navegador con agent-browser. Cada vez que construyas o cambies algo en la interfaz: 1. Abre mi app (corre en [tu URL, ej. http://localhost:3000]) con agent-browser. 2. Navega hasta lo que acabas de construir o cambiar. 3. Pruébalo como un usuario real: haz clic, llena los campos, completa el flujo clave [describe tu flujo, ej. "registrarse → entrar al dashboard"]. 4. Revisa que se vea bien y que NO haya errores en la consola del navegador. 5. Si algo está roto o se ve mal, arréglalo y vuelve a validar, hasta que de verdad funcione. 6. Solo entonces dime "listo", y cuéntame qué validaste y qué viste. Regla de oro: ninguna tarea de interfaz se da por terminada sin validarla en el navegador. No construyas a ciegas.
Para aprovechar el otro superpoder —navegar y automatizar—, este prompt le pide a tu IA que use agent-browser para una tarea web concreta:
Usa agent-browser para esta tarea en la web, paso a paso: Quiero que [describe tu tarea, ej: "abras esta página [URL], extraigas la lista de productos con sus precios, y me los traigas en una tabla ordenada" / "entres a mi panel de [servicio] y me digas el estado de X" / "llenes este formulario con estos datos"]. 1. Abre la página y toma un snapshot para ver con qué elementos puedes interactuar. 2. Haz la tarea paso a paso, comprobando en cada paso que el elemento correcto está ahí. 3. Si necesito iniciar sesión, dime cómo guardar mis credenciales de forma segura (agent-browser tiene un vault cifrado; nunca pongas mis contraseñas en texto plano). 4. Entrégame el resultado ordenado y dime si algo no se pudo hacer.
.gitignore, nunca a GitHub. (Conecta con la guía de seguridad de la serie.)Únete a 4.200+ creadores. Sin tarjeta. Construye tu primera app con IA en minutos.