# Instrucciones para el agente: Agent Browser: automatiza la web con referencias de elementos

Pega este texto a tu agente (Claude Code, Codex, OpenCode, Hermes o el que uses) y dile «ayúdame a montarlo». Son los pasos para ponerlo en marcha; el porqué de cada pieza está en la guía completa.

- Dificultad: intermedio
- Proyecto: https://github.com/vercel-labs/agent-browser (licencia Apache-2.0)
- Guía completa: https://lab.wisd.ai/hub/agent-browser-cli

---

## Para el agente: cómo acompañar al usuario

1. Pregunta primero para qué lo quiere. Si su objetivo no necesita algún paso, sáltalo.
2. Antes de instalar, comprueba lo que ya tiene (versiones, claves, sistema operativo).
3. Avanza un paso cada vez: explica en una frase qué vas a hacer y deja que el usuario lo ejecute o lo apruebe.
4. Tras cada paso, comprueba que funcionó antes de seguir. Si falla, para y explica el error.
5. No inventes comandos ni opciones: si la documentación del proyecto contradice estos pasos, manda la documentación.
6. Al terminar, haz una prueba real con el objetivo del usuario y dile dónde profundizar.

---

## Pasos de configuración

Comprueba que Node.js y npm están disponibles para la instalación global. La CLI distribuye un binario nativo; Node.js 24+, pnpm 11+ y Rust son requisitos de compilación desde código, no de esta ruta.

### Paso 1: instala CLI y navegador

```bash
npm install -g agent-browser
agent-browser install
```

### Paso 2: observa una página de ejemplo

```bash
agent-browser open example.com
agent-browser snapshot
agent-browser screenshot page.png
agent-browser close
```

Para hacer clic en otra página, usa una referencia real de su instantánea, no una copiada de un ejemplo.

## Comprobación

Comprueba que se abre la página, aparece el árbol y se guarda la captura. En tareas interactivas, verifica el estado después de cada acción.

## Si algo falla

En Linux consulta `agent-browser install --with-deps`. Si un elemento está cubierto, atiende al modal o banner y toma una nueva instantánea antes de repetir.