agent-browser
Le da un navegador de verdad a Claude para que haga cosas por ti.
Qué hace
Deja que Claude abra páginas, llene formularios, apriete botones, saque capturas y extraiga datos. Controla Chrome directamente, sin depender de librerías pesadas.
Es la diferencia entre que Claude te describa un sitio y que lo use de verdad. La ocupo para revisar que un cambio se vea bien antes de subirlo.
Para qué sirve
Tres cosas concretas que puedes hacer con ella.
Probar lo que hiciste
Le pides que abra tu sitio, navegue y te muestre una captura. Ves el resultado real, no una suposición.
Sacar datos de una página
Le dices qué necesitas de un sitio y lo extrae ordenado, sin que escribas un scraper.
Repetir tareas aburridas
Llenar el mismo formulario veinte veces, revisar precios, entrar a un panel. Todo lo que harías tú a mano.
Cómo se instala
Necesitas Claude Code andando. Si todavía no lo tienes, en recursos está la guía para instalarlo desde cero.
-
1 Instálalo globalmente
npm i -g agent-browser
Necesitas Node.js instalado.
-
2 Prepara el navegador
agent-browser install
Descarga el Chrome que va a controlar. Se hace una sola vez.
-
3 Copia la carpeta donde Claude Code la busca
Windows: C:\Users\TU_USUARIO\.claude\skills\ Mac: ~/.claude/skills/
Cada skill vive en su propia carpeta con un SKILL.md adentro. Reinicia Claude Code después de copiarla.
Cómo se usa
No hay que invocarla por su nombre. Se activa sola cuando le pides algo que le corresponde, por ejemplo:
abre mi sitio en el celular y muéstrame cómo se ve la sección de precios
De quién es
Esta skill no la hice yo, y su archivo no declara autor, así que no puedo darte el crédito correcto. Si es tuya, escríbeme y le pongo tu nombre y el enlace.