MCP-Server-Playwright

Tabla de contenido

• Características

• Instalación

• Configuración

• Componentes

  • Herramientas

  • Recursos

• Licencia

Related MCP server: Cloudflare Playwright MCP

Características

• 🌐 Capacidades completas de automatización del navegador

• 📸 Captura de pantalla de páginas completas o elementos específicos

• 🖱️ Interacción web integral (navegación, clics, llenado de formularios)

• 📊 Monitoreo de registros de la consola

• 🔧 Ejecución de JavaScript en el contexto del navegador

Instalación

Instalación mediante herrería

Para instalar MCP Server Playwright para Claude Desktop automáticamente a través de Smithery :

npx -y @smithery/cli install @automatalabs/mcp-server-playwright --client claude

Puede instalar el paquete utilizando npx o mcp-get:

Usando npx:

npx @automatalabs/mcp-server-playwright install

Este comando hará lo siguiente:

1. Comprueba la compatibilidad de tu sistema operativo (Windows/macOS)

2. Crear o actualizar el archivo de configuración de Claude

3. Configurar la integración del servidor Playwright

El archivo de configuración se creará/actualizará automáticamente en:

• Ventanas: %APPDATA%\Claude\claude_desktop_config.json

• macOS: ~/Library/Application Support/Claude/claude_desktop_config.json

Usando mcp-get:

npx @michaellatman/mcp-get@latest install @automatalabs/mcp-server-playwright

Configuración

El proceso de instalación agregará automáticamente la siguiente configuración a su archivo de configuración de Claude:

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": ["-y", "@automatalabs/mcp-server-playwright"]
    }
  }
}

Componentes

Herramientas

browser_navigate

Navegue a cualquier URL en el navegador

{
  "url": "https://stealthbrowser.cloud"
}

browser_screenshot

Capturar capturas de pantalla de toda la página o de elementos específicos

{
  "name": "screenshot-name",     // required
  "selector": "#element-id",     // optional
  "fullPage": true              // optional, default: false
}

browser_click

Haga clic en los elementos de la página mediante el selector CSS

{
  "selector": "#button-id"
}

browser_click_text

Haga clic en los elementos de la página por su contenido de texto

{
  "text": "Click me"
}

browser_hover

Pase el cursor sobre los elementos de la página usando el selector CSS

{
  "selector": "#menu-item"
}

browser_hover_text

Pase el cursor sobre los elementos de la página por su contenido de texto

{
  "text": "Hover me"
}

browser_fill

Rellene los campos de entrada

{
  "selector": "#input-field",
  "value": "Hello World"
}

browser_select

Seleccione una opción en un elemento SELECT usando el selector CSS

{
  "selector": "#dropdown",
  "value": "option-value"
}

browser_select_text

Seleccionar una opción en un elemento SELECT por su contenido de texto

{
  "text": "Choose me",
  "value": "option-value"
}

browser_evaluate

Ejecutar JavaScript en la consola del navegador

{
  "script": "document.title"
}

Recursos

1. Registros de la consola ( console://logs )

   • Acceda a la salida de la consola del navegador en formato de texto

   • Incluye todos los mensajes de la consola del navegador.

2. Capturas de pantalla ( screenshot://<n> )

   • Acceda a imágenes PNG de capturas de pantalla

   • Referenciado por el nombre especificado durante la captura

Licencia

Este proyecto está licenciado bajo la licencia MIT: consulte el archivo de LICENCIA para obtener más detalles.