Desarrollo

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. 1 Instálalo globalmente
    npm i -g agent-browser

    Necesitas Node.js instalado.

  2. 2 Prepara el navegador
    agent-browser install

    Descarga el Chrome que va a controlar. Se hace una sola vez.

  3. 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.