Playwright MCP - Servidor MCP para automatización de navegadores web para LLM

• Servidor MCP (Model Context Protocol) que funciona sobre Playwright
• Proporciona snapshots de accesibilidad estructurados para que los LLM puedan interactuar con páginas web, por lo que es rápido y liviano
• Implementa automatización web usando solo datos estructurados basados en texto, sin capturas de pantalla ni modelos de visión
• Usos: navegación por páginas web y autocompletado de formularios, extracción de datos de contenido estructurado, pruebas de automatización basadas en LLM, control general de navegadores web basado en agentes

Instalación

• config

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

• Se puede instalar directamente en VSCode: Install in VS Code Insiders
  • Después de instalarlo, se puede usar Playwright MCP desde el agente de GitHub Copilot en VSCode

Lista de herramientas de Snapshot Mode

• browser_navigate: ir a una URL
• browser_go_back / go_forward: retroceder/avanzar
• browser_click / hover / drag: hacer clic, pasar el cursor, arrastrar elementos
• browser_type: introducir texto en un campo de entrada (opción: submit)
• browser_select_option: seleccionar una opción en un menú desplegable
• browser_press_key: pulsar una tecla del teclado
• browser_snapshot: capturar un snapshot de accesibilidad
• browser_save_as_pdf: guardar la página como PDF
• browser_wait: esperar el tiempo especificado (time tiene un máximo de 10 segundos)
• browser_close: cerrar la página

Lista de herramientas de Vision Mode

• browser_navigate / go_back / go_forward
• browser_screenshot: capturar una captura de pantalla
• browser_move_mouse / click / drag: control del mouse basado en coordenadas
• browser_type: introducir texto en una posición por coordenadas
• browser_press_key
• browser_save_as_pdf
• browser_wait
• browser_close

[yangeok]

Probé conectar Playwright MCP en Cursor, pero no puede leer en absoluto las páginas de Namuwiki..

[asheswook]

Probablemente sea por el bloqueo de bots.

[crawler]

Ayer cuando lo vi no me di cuenta, pero es de Microsoft, wow. Voy a tener que probarlo.

[GN⁺]

Comentarios de Hacker News

• Esta herramienta es muy buena. La he estado usando con Claude Code con mucho éxito

  • Dejé instrucciones en CLAUDE.md para verificar los cambios con Playwright
  • Inicia automáticamente el servidor de desarrollo, navega a la página modificada y verifica que los cambios funcionen
  • Si hay algo inesperado, lo corrige por sí mismo
  • De verdad se siente como trabajar con un ingeniero de nivel intermedio realmente brillante
  • De verdad estamos en una época asombrosa

• Usa ariaSnapshot para proporcionar una representación accesible del DOM

  • Pero si navegas a algo como Gmail, el contexto del modelo se agota rápidamente
  • Estoy experimentando con una representación textual más concisa de la página
  • Usa su propia sesión de Chrome y no requiere un contexto muy grande
  • También podría refactorizarse a una interfaz aria utilizable para CDP

• Planeo combinarlo con JIRA MCP para leer los "pasos para reproducir" de un ticket de bug y verificar si realmente puede reproducirse

  • No entiendo las críticas hacia MCP
  • Es realmente interesante ver la explosión cámbrica de los "conectores"
  • Esto será la "app store" para modelos que los Custom GPTs de OpenAI no lograron ser

• La nueva herramienta de Microsoft parece ser una competidora de MCP-Playwright

  • La herramienta de Microsoft parece más simple, mientras que la otra tiene más funciones

• Excelente lanzamiento. Pero me pregunto por qué no soporta la API original de Playwright y solo soporta un subconjunto de acciones

• No conozco Playwright, pero me pregunto en qué se diferencia de Puppeteer

  • El problema con Puppeteer es que a veces no obtiene de inmediato el JavaScript correcto para completar tareas simples como aceptar banners de consentimiento de cookies

• Lo he enviado varias veces y me gustaría escuchar más al respecto

  • También existe Fetch-MCP, que está basado en Playwright y soporta batch. Sería interesante compararlos

• Necesitamos un MCP para Capybara. Para que los LLMs puedan escribir mis pruebas de sistema en Rails y depurarlas cuando no funcionen

• code --add-mcp

  • Me pregunto si Vscode tiene un cliente MCP integrado

• Me pregunto si esta herramienta es para automatización de pruebas, o si es para usar Playwright como "Operator" dentro de un agente