Playwright MCP: MCP server para Any MCP client y Claude Code

Qué es Playwright MCP

Permite a los LLM interactuar con páginas web mediante snapshots estructurados de accesibilidad en lugar de capturas de pantalla. El README también remite a los agentes de código a la CLI de Playwright con skills como alternativa más eficiente en tokens.

Qué hace

Dónde se ejecuta Playwright MCP y qué añade, según su documentación

Controla un navegador mediante el árbol de accesibilidad
Llamadas a herramientas deterministas sin entrada basada en píxeles
Perfil persistente, contextos aislados o conexión a un navegador existente mediante una extensión
Modo headless o con interfaz
Restringe orígenes con las opciones de orígenes permitidos/bloqueados

Cuándo usarla

Buen encaje

Automatización exploratoria y pruebas autorreparables
Bucles de agente de larga duración que necesitan un estado de navegador persistente

No apto para

Agentes de código de alto rendimiento con contexto ajustado: el README sugiere la CLI de Playwright con skills
Usar las listas de orígenes como límite de seguridad: el README dice que no lo son

Cómo instalar Playwright MCP

Necesitas: Node.js 18 o posterior; Un cliente MCP como VS Code, Cursor, Windsurf o Claude Desktop

Instala Node.js 18 o posterior
Claude Code: claude mcp add playwright npx @playwright/mcp@latest
Codex: codex mcp add playwright npx "@playwright/mcp@latest"
Cursor: Settings > MCP > Add new MCP Server con el comando npx @playwright/mcp@latest
Otros clientes: usa la configuración estándar

Ejemplo de configuración (de la documentación oficial)

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

Permisos y seguridad

A qué puede acceder

Lanza y controla un navegador, carga páginas web arbitrarias

Notas de seguridad de los responsables

README: --allowed-origins / --blocked-origins no sirven como límite de seguridad y no afectan a las redirecciones

Revisa el código fuente antes de dar a un agente acceso a credenciales o sistemas de producción. Documentamos lo que declaran los responsables; no auditamos el código.

Limitaciones

Los árboles de accesibilidad y los esquemas de herramientas consumen tokens de contexto en comparación con la CLI

Herramientas que extiende

Programación

Claude Code

Web · Desktop

Aún no hay reseñas de usuarios

Herramienta de programación agéntica de Anthropic que lee tu código, edita archivos y ejecuta comandos desde la terminal, IDE, escritorio o navegador.

El plan gratis termina en: Sin nivel gratuito: Claude Code está incluido en las suscripciones de pago de Claude (Pro, Max, Team, Enterpr…

Listed Aún sin reseñar

Verificado Sep 29, 2026 code.claude.com (abre el sitio web de Claude Code en una pestaña nueva)