# Instrucciones para el agente: Playwright MCP: conecta tu agente con el navegador

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/microsoft/playwright-mcp (licencia Apache-2.0)
- Guía completa: https://lab.wisd.ai/hub/playwright-mcp-browser

---

## 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 ≥18 y npm/npx están disponibles para el proceso que inicia tu cliente MCP. Añade la configuración básica del README:

```json
{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": ["@playwright/mcp@latest"]
    }
  }
}
```

Reinicia la conexión MCP y pide abrir una página de prueba. Indica qué interacción y resultado quieres comprobar.

## Comprobación

Comprueba que la URL y el snapshot corresponden a la página esperada. Verifica el resultado final del formulario o la navegación.

## Si algo falla

Si no aparecen herramientas, revisa el registro MCP del cliente. Si no abre la página, comprueba la conectividad y los requisitos del navegador.

Consulta [el README oficial](https://github.com/microsoft/playwright-mcp#readme) para requisitos y variantes de instalación.