# Playwright MCP Server

> Conecta a un agente con un navegador real vía Playwright para navegar, hacer clic, rellenar formularios y leer páginas mediante snapshots de accesibilidad.

Fuente: https://skillsagentes.com/mcp/playwright-microsoft
Markdown: https://skillsagentes.com/mcp/playwright-microsoft.md

Repositorio: https://github.com/microsoft/playwright-mcp
Web: https://www.npmjs.com/package/@playwright/mcp
Autor: microsoft
Licencia: Apache-2.0
Estrellas: 37423
Última versión: v0.0.79
Último push: 18 sept 2026
Transporte: stdio, http, sse

## Qué es

Playwright MCP es un servidor que da a un agente LLM control sobre un navegador de verdad, usando Playwright por debajo. En vez de depender de capturas de pantalla y modelos con visión, el servidor construye snapshots de accesibilidad de la página: una representación estructurada del DOM que el modelo puede leer e interpretar sin ambigüedad, lo que hace que las acciones (clic, escritura, arrastre) sean deterministas.

Más allá de la navegación básica, expone capacidades organizadas en grupos opcionales: manejo de pestañas, cookies y almacenamiento local/de sesión, interceptación y mockeo de peticiones de red, generación de PDF, interacción por coordenadas para casos donde hace falta "visión", y herramientas de DevTools como grabación de video, trazas y anotaciones sobre la página. También puede ejecutar código Playwright arbitrario contra la página cuando se necesita algo muy específico.

Instalarlo consiste en apuntar el cliente MCP a `npx @playwright/mcp@latest`, sin necesidad de tokens ni cuentas. Se puede correr con perfil persistente (como un navegador normal, guardando sesiones), en modo aislado para pruebas limpias, conectado a una extensión de Chrome/Edge para reutilizar pestañas ya abiertas, o como servidor HTTP independiente con `--port` para escenarios sin display. El README es explícito en que esto no es una frontera de seguridad, así que conviene revisar permisos y orígenes permitidos antes de exponerlo.

## Instalación

```bash
npx @playwright/mcp@latest
```

## Qué hace

- Captura snapshots de accesibilidad de la página en vez de screenshots para que el modelo actúe sobre estructura, no píxeles
- Permite navegar, hacer clic, escribir, arrastrar, subir archivos y rellenar formularios de forma determinista
- Gestiona pestañas, cookies, localStorage y sessionStorage del navegador
- Intercepta y simula peticiones de red, y permite alternar el estado online/offline
- Ofrece capacidades opcionales de PDF, interacción por coordenadas y herramientas DevTools como grabación de video y trazas

## Cuándo usarlo

- Necesitas que un agente explore o pruebe sitios web reales manteniendo estado de navegación entre pasos
- Quieres automatizar formularios, clics o extracción de datos de páginas sin depender de modelos con visión
- Buscas self-healing tests o flujos autónomos de larga duración que requieren introspección continua de la página

## Herramientas que expone

- `browser_click`
- `browser_close`
- `browser_navigate`
- `browser_snapshot`
- `browser_take_screenshot`
- `browser_type`
- `browser_tabs`
- `browser_network_requests`
- `browser_pdf_save`
- `browser_run_code_unsafe`
- `browser_route`
- `browser_cookie_list`

## Credenciales que pide

- `PLAYWRIGHT_MCP_BROWSER`
- `PLAYWRIGHT_MCP_HEADLESS`
- `PLAYWRIGHT_MCP_CDP_ENDPOINT`
- `PLAYWRIGHT_MCP_USER_DATA_DIR`
- `PLAYWRIGHT_MCP_PORT`

## Dónde encaja

- Categoría: [Testing y QA](https://skillsagentes.com/mcp/categorias/testing-qa.md) — Flujos de testing unitario, de integración y end-to-end.
- [Todos los servidores MCP](https://skillsagentes.com/mcp.md)
- [Agent Skills](https://skillsagentes.com/skills.md)

## Servidores relacionados

- [Chrome DevTools](https://skillsagentes.com/mcp/chrome-devtools.md): Conecta a tu agente de codificación con una instancia real de Chrome para automatizar acciones, inspeccionar el DOM y analizar rendimiento y red.
- [Mobile Next](https://skillsagentes.com/mcp/mobile-next.md): Controla apps nativas de iOS y Android en simuladores, emuladores o dispositivos reales mediante snapshots de accesibilidad o taps por coordenadas.
- [Playwright](https://skillsagentes.com/mcp/playwright.md): Controla un navegador real vía Playwright desde tu agente: navega, hace scraping, toma capturas y ejecuta JavaScript en páginas web.

---

Skills Agentes · [Índice de páginas en markdown](https://skillsagentes.com/sitemap.md) · [Inicio](https://skillsagentes.com/index.md)