lab
Esc

Prueba con

↑↓ para moverte · Enter para abrir · también en /buscar?q= para agentes

herramienta intermedio mcpplaywrightclaude-code

Playwright MCP: conecta tu agente con el navegador

Prueba formularios, navegación y páginas desde un cliente MCP usando la estructura de accesibilidad de la web.

✓ verificado el 26 oct 2026

Instrucciones para tu agente

Esto es lo que se copia. Pégaselo a tu agente y te lo monta paso a paso.

O ábrelo directamente en ClaudeChatGPT

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.

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:

{
  "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 para requisitos y variantes de instalación.

ver en .md ¿Prefieres el recurso entero?

Qué es

Playwright MCP es un servidor de Microsoft para automatizar navegadores desde clientes MCP. Da al modelo una representación estructurada de la accesibilidad y herramientas de interacción.

Para qué te sirve

  • Cuando necesitas reproducir un fallo de formulario desde tu agente.
  • Cuando quieres verificar navegación y contenido de una aplicación local.

Cómo funciona

El servidor usa Playwright para abrir y controlar la página. El agente opera con snapshots estructurados y resultados de herramientas, sin depender exclusivamente de interpretar capturas de pantalla.

Antes de empezar

Necesitas Node.js ≥18 con npm/npx y un cliente MCP compatible. La web debe ser accesible desde donde se ejecuta el servidor. Para aplicaciones autenticadas, configura un perfil de prueba y revisa qué información comparte el cliente con el modelo.

Límites y alternativas

No convierte una exploración en una suite E2E estable. Frente a un test Playwright escrito, sirve para diagnóstico interactivo. El propio README también propone CLI con skills para agentes de programación que prefieran ese flujo.

Recursos