MCP-Server-Playwright

local-only server

The server can only run on the client’s local machine because it depends on local resources.

Integrations

  • Allows execution of JavaScript in the browser environment via the browser_evaluate tool

  • Supports macOS as a compatible operating system with specific configuration paths

Tabla de contenido

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.

You must be authenticated.

A
security – no known vulnerabilities
A
license - permissive license
A
quality - confirmed to work

Permite a los LLM interactuar con páginas web, tomar capturas de pantalla y ejecutar JavaScript en un entorno de navegador real.

  1. Features
    1. Installation
      1. Installing via Smithery
    2. Configuration
      1. Components
        1. Tools
        2. Resources
      2. License
        ID: 9q4zck8po5