Playwright MCP

Name: Playwright MCP
Author: microsoft

by microsoft

Automatización headless del navegador para tu asistente de IA

browser Node.js Principiante Auto-hospedable Sin API key Verificado Destacado

📅 Actualizado: hace 1sem

Ver en GitHub Ver paquete

Descripción

Playwright MCP pone todas las capacidades del framework de automatización Playwright a disposición de tu asistente de IA. Levanta una instancia gestionada del navegador — Chromium, Firefox o WebKit — y le da al modelo la capacidad de navegar, interactuar con elementos, extraer contenido y capturar screenshots, todo a través de una interfaz MCP de herramientas directa. Lo que hace a este server particularmente útil es su naturaleza autocontenida. A diferencia de enfoques que requieren conectarse a un navegador existente, Playwright MCP gestiona su propio ciclo de vida del navegador. Esto significa cero fricción de configuración: solo instala el paquete y tu IA puede empezar a navegar. Maneja cargas de página, espera contenido dinámico y se las arregla con SPAs modernas pesadas en JavaScript sin configuración extra. Las aplicaciones prácticas son amplias. Tu IA puede verificar que un cambio de UI se renderiza correctamente navegando a un servidor de desarrollo local y tomando un screenshot. Puede extraer datos estructurados de páginas de documentación para ayudarte a escribir código de integración. Puede rellenar y enviar formularios para probar flujos de trabajo de extremo a extremo. Como Playwright soporta todos los motores de navegador principales, incluso puedes pedirle a tu IA que compruebe la compatibilidad entre navegadores.

✅ Ideal para

Desarrolladores que quieren que su IA interactúe con páginas web para testing, scraping o verificación sin configuración manual del navegador

⏭️ No recomendado si

Necesitas depurar problemas en tu sesión autenticada real del navegador — Chrome DevTools MCP te da acceso a tu instancia real de Chrome

💡 Casos de uso

Verificar cambios de UI navegando a servidores de desarrollo locales y tomando screenshots comparativos
Extraer datos estructurados de páginas web para informar la generación de código o documentación
Testing end-to-end de formularios web y flujos de usuario de múltiples pasos mediante automatización con IA

👍 Ventajas

✓ Autocontenido — gestiona su propio navegador, sin dependencias externas que configurar
✓ Soporte cross-browser con motores Chromium, Firefox y WebKit
✓ Maneja SPAs modernas y contenido dinámico con estrategias inteligentes de espera integradas

👎 Desventajas

✗ Descarga binarios del navegador en la primera instalación, lo que puede tardar unos minutos y ocupar espacio en disco
✗ No puede acceder a sesiones autenticadas de tu navegador real — arranca con un estado limpio cada vez

🔧 Herramientas expuestas (14 herramientas)

Tool	Categoría	Descripción
screenshot	content extraction	Capturar una screenshot de la pagina actual o de un elemento especifico
get_text	content extraction	Extraer el contenido de texto visible de la pagina o de un elemento seleccionado
get_attribute	content extraction	Obtener el valor de un atributo HTML especifico de un elemento
type	input automation	Escribir texto caracter por caracter en el elemento actualmente enfocado
fill_form	input automation	Rellenar un campo de formulario con el valor especificado, limpiando primero el contenido existente
select_option	input automation	Seleccionar una opcion de un menu desplegable por valor, etiqueta o indice
press_key	input automation	Simular la pulsacion de una tecla del teclado, incluyendo teclas especiales y combinaciones
click	interaction	Hacer clic en un elemento de la pagina identificado por selector o contenido de texto
evaluate	interaction	Ejecutar codigo JavaScript en el contexto de la pagina del navegador y devolver el resultado
scroll	interaction	Desplazar la pagina en una direccion especificada o hasta un elemento particular
hover	interaction	Pasar el raton sobre un elemento para activar comportamientos dependientes del hover
drag_and_drop	interaction	Arrastrar un elemento desde una ubicacion y soltarlo sobre otro elemento destino
navigate	navigation	Navegar con el navegador gestionado a una URL especificada
wait_for	navigation	Esperar a que aparezca un selector, se complete una navegacion o transcurra un tiempo de espera

⚡ Instalación

Requisitos previos:

• Node.js

claude mcp add playwright -- npx @anthropic-ai/playwright-mcp@latest

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

💡 Consejos y trucos

Para los resultados más rápidos, deja que Playwright use su motor Chromium por defecto. Si necesitas probar en un navegador específico, puedes configurar el tipo de navegador en la configuración del server. Al hacer scraping de contenido, pídele a la IA que use `get_text` en selectores específicos en lugar de la página entera para obtener resultados más limpios y enfocados. Para desarrollo local, asegúrate de que tu servidor de desarrollo esté corriendo antes de pedirle a la IA que navegue hacia él.

🔄 Alternativas

Chrome DevTools MCP

Dale a tu agente de IA acceso completo a Chrome DevTools

Mejor para depuración profunda del navegador y acceso a DevTools

Info rápida

Autor: microsoft
Licencia
Runtime: Node.js
Transporte: stdio
Categoría: browser
Dificultad: Principiante
Auto-hospedable: ✅
API key: No necesita API key
Docker: —
Versión: 0.0.0
Actualizado: 12 feb 2026

Compatibilidad con clientes

✅ Claude Code
✅ Cursor
✅ VS Code Copilot
✅ Gemini CLI
✅ Windsurf
✅ Cline
✅ JetBrains AI
✅ Warp

Enlaces

Plataformas

🍎 macOS 🐧 Linux 🪟 Windows