Playwright MCP
by Microsoft
Automatización de navegador para LLMs vía snapshots de accesibilidad, sin modelos de visión
browser Node.js Principiante Auto-hospedable Sin API key Verificado Destacado
⭐ 27.9k stars 📅 Actualizado: hace 1m
Descripción
Servidor MCP oficial de Microsoft que permite a los LLMs interactuar con páginas web mediante snapshots de accesibilidad estructurados en lugar de capturas de pantalla. Impulsado por Playwright, proporciona automatización de navegador determinista sin requerir modelos de visión — la IA trabaja con árboles de accesibilidad, haciendo las interacciones rápidas, ligeras e inequívocas. Soporta tanto perfiles de navegador persistentes (manteniendo estado de sesión) como contextos aislados (estado limpio por sesión). Incluye soporte de extensión de navegador para conectar a pestañas existentes con sesiones iniciadas, generación de código TypeScript para acciones grabadas y configuración extensiva con 50+ opciones de línea de comandos.
✅ Ideal para
Cualquier flujo de trabajo de IA que necesite interacción web rápida y fiable sin visión basada en capturas
⏭️ No recomendado si
Tu caso de uso requiere análisis visual a nivel de píxel de páginas web
💡 Casos de uso
- Automatizar tareas de navegación web desde asistentes de IA sin modelos de visión
- Testing end-to-end dirigido por instrucciones en lenguaje natural
- Scraping y extracción de datos estructurados de sitios web vía árboles de accesibilidad
- Grabar interacciones del navegador y generar código de automatización TypeScript
👍 Ventajas
- ✓ No requiere modelo de visión — usa snapshots de accesibilidad para velocidad y precisión
- ✓ Proyecto oficial de Microsoft con comunidad masiva (27k+ stars)
- ✓ Instalación simple vía npx con setup de un clic para 15+ clientes MCP
- ✓ Soporta perfiles persistentes, contextos aislados y modo extensión de navegador
👎 Desventajas
- ✗ Los snapshots de accesibilidad pueden omitir elementos solo visuales fuera del DOM
- ✗ SPAs complejas pueden producir árboles de accesibilidad grandes que consumen contexto
- ✗ Sin soporte integrado para automatización paralela multi-pestaña
🔧 Herramientas expuestas (12 herramientas)
| Tool | Categoría | Descripción |
|---|---|---|
| browser_generate_playwright_test | code-generation | Generar script de test Playwright desde acciones grabadas |
| browser_console_messages | debugging | Recuperar mensajes de la consola del navegador |
| browser_network_requests | debugging | Listar peticiones y respuestas de red interceptadas |
| browser_pdf_save | export | Guardar página como PDF |
| browser_click | interaction | Hacer clic en un elemento de la página usando referencia de accesibilidad |
| browser_type | interaction | Escribir texto en un campo de entrada |
| browser_select_option | interaction | Seleccionar opción de un elemento desplegable |
| browser_hover | interaction | Posicionar el cursor sobre un elemento de la página |
| browser_drag | interaction | Arrastrar un elemento a una ubicación objetivo |
| browser_navigate | navigation | Navegar a una URL en el navegador |
| browser_snapshot | observation | Capturar snapshot de accesibilidad de la página actual |
| browser_screenshot | observation | Tomar captura de pantalla de la página actual (requiere visión) |
⚡ Instalación
Requisitos previos:
- • Node.js v18+
Consulta la documentación de Claude Code para configurar este MCP server.
💡 Consejos y trucos
Usa el flag --browser para elegir entre chromium, firefox o webkit. El modo extensión de navegador permite conectar a sesiones ya autenticadas, evitando flujos de login.
🔄 Alternativas
Info rápida
- Autor
- Microsoft
- Licencia
- Apache-2.0
- Runtime
- Node.js 18+
- Transporte
- stdio
- Categoría
- browser
- Dificultad
- Principiante
- Auto-hospedable
- ✅
- Auth
- —
- Docker
- —
- Versión
- latest
- Actualizado
- 28 feb 2026
Compatibilidad con clientes
- ✅ Claude Code
- ✅ Cursor
- ✅ VS Code Copilot
- ❓ Gemini CLI
- ✅ Windsurf
- ✅ Cline
- ❓ JetBrains AI
- ❓ Warp
Plataformas
🍎 macOS 🐧 Linux 🪟 Windows