Biblioteca
🤖 Agentes & MCPclaude_code

Dale ojos a Claude para navegar internet sin quemarte la cuenta

Que la IA use un navegador suele salir carísimo: cada captura de pantalla es un mordisco a tu plan. Agent Browser, de Vercel, le da a Claude una versión en texto de la página — hace lo mismo (abrir, leer, hacer clic, llenar formularios) gastando una fracción.

#navegador#automatizacion#vercel#agentes#ahorro#open-source

Que un asistente navegue por vos suena ideal hasta que ves la cuenta. El mecanismo típico es a base de capturas de pantalla: la IA saca una foto, la mira, decide, hace clic, saca otra foto. Cada foto cuesta, y en diez pasos ya te comiste el día.

Agent Browser es un navegador de línea de comandos hecho por Vercel (más de 40.000 estrellas en GitHub) que ataca justo eso: en vez de fotos, le entrega a la IA la página en texto, con cada elemento identificado para poder tocarlo.

  • +40.000estrellas en GitHub
  • Vercelquién lo hizo
  • Textoen vez de capturas

01 Cómo funciona

📟 En criollo

Una página web tiene, además del dibujo, una versión en texto que usan los lectores de pantalla para las personas ciegas: “acá hay un botón que dice Enviar, acá un campo de mail”. Agent Browser le pasa eso a la IA. Cada elemento viene con una etiqueta corta (@e2, @e3) y con eso alcanza para hacer clic o escribir.

🧪 La analogía

Es la diferencia entre mandarle a alguien la foto de una página para que la lea con lupa, y mandarle el índice: “renglón 3, botón Enviar”. Mismo resultado, muchísimo menos esfuerzo — y menos plata.

agent-browser open ejemplo.com
agent-browser snapshot          # devuelve la página en texto, con etiquetas
agent-browser click @e2         # clic en el elemento @e2
agent-browser fill @e3 "hola@correo.com"

02 Cómo se instala

✅ Cómo se hace

  1. Instalalo (una de las dos formas, la que te quede cómoda).
  2. Corré agent-browser install una sola vez: baja el Chrome oficial para automatización.
  3. Contale a Claude que lo tiene disponible y pedile la tarea en castellano.
npm install -g agent-browser
# o en Mac:  brew install agent-browser
agent-browser install

“Usá agent-browser para entrar a mi sitio, revisar que el formulario de contacto funcione y contarme qué pasó.”

⚠️ Ojo con esto

Un navegador manejado por una IA hace cosas de verdad: puede enviar formularios, aceptar términos o iniciar compras. Usálo primero en sitios tuyos o de prueba, y no lo dejes suelto en tu banco ni con tus sesiones abiertas. La regla es la misma que con un empleado nuevo: primero mirás lo que hace, después le sacás la mano de encima.

⚡ Tip del Tincho

Es la herramienta que convierte a Claude en tu tester: “revisá que se pueda comprar en mi tienda” y recorre el flujo entero — producto, carrito, checkout — y te dice dónde se traba. Encontrar eso vos, a mano, en cada cambio, es lo que nadie hace y por eso las cosas se rompen calladas.

03 Para qué te va a servir

  • Que Claude verifique tu propio sitio después de cada cambio.
  • Sacar información de páginas sin copiar y pegar a mano.
  • Automatizar trámites web repetitivos sin gastar una fortuna en capturas.

⚡ De la casa para vos

En esta Biblioteca ya está Playwright MCP, que resuelve algo parecido. La diferencia práctica: Playwright es el estándar para pruebas serias y Agent Browser está pensado para que un agente ande rápido y barato. Si recién empezás, este es más liviano.

¿Querés ir más allá de los recursos?

Sumate al Laboratorio: módulos paso a paso, desafíos y comunidad.

Ver planes