Skip to main content
Glama

Playwright MCP Server

by Kotelberg

Servidor MCP del dramaturgo

Inglés | Japonés

Este proyecto es un servidor que proporciona la funcionalidad de recuperación de contenido de la página web de Playwright utilizando el Protocolo de Contexto de Modelo (MCP).

Características

  • Navegación de página
  • Recuperación de contenido de página completa
  • Recuperación de contenido visible
  • Detección de elementos interactivos
  • Simulación del funcionamiento del ratón
  • Funcionalidad de eco para pruebas

Instalación

Instalación mediante herrería

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

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

Instalación manual

npm install

Uso

Iniciando el servidor

npm run build npm start

Herramientas MCP

Las siguientes herramientas están disponibles:

  1. navigate
    • Navegar a una URL específica
    • Argumentos: { url: string }
    • Devuelve: Resultado de navegación
  2. get_all_content
    • Recuperar contenido de toda la página
    • Argumentos: Ninguno
    • Devuelve: Todo el contenido de texto de la página.
  3. get_visible_content
    • Recuperar contenido visible actualmente
    • Argumentos: { minVisiblePercentage?: number }
    • Devuelve: Contenido de texto visible
  4. get_interactive_elements
    • Obtener información de la posición de los elementos interactivos (botones, enlaces, etc.) en la página
    • Argumentos: Ninguno
    • Devuelve: Información de coordenadas y límites de elementos interactivos
  5. move_mouse
    • Mueva el cursor del mouse a las coordenadas especificadas
    • Argumentos: { x: number, y: number }
    • Devuelve: Resultado de la operación
  6. mouse_click
    • Ejecutar clic del mouse en las coordenadas especificadas
    • Argumentos: { x: number, y: number, button?: "left" | "right" | "middle", clickCount?: number }
    • Devuelve: resultado de la operación de clic
  7. mouse_wheel
    • Ejecutar el desplazamiento con la rueda del ratón
    • Argumentos: { deltaY: number, deltaX?: number }
    • Devuelve: Resultado de la operación de desplazamiento
  8. drag_and_drop
    • Ejecutar la operación de arrastrar y soltar
    • Argumentos: { sourceX: number, sourceY: number, targetX: number, targetY: number }
    • Devuelve: Resultado de la operación de arrastrar y soltar
  9. echo
    • Herramienta de eco para pruebas
    • Argumentos: { message: string }
    • Devoluciones: Mensaje enviado

Desarrollo

Ejecución de pruebas

# Run all tests npm test # Run tests in watch mode npm run test:watch # Generate coverage report npm run test:coverage

Estructura de la prueba

  • tools/*.test.ts : Pruebas de función para cada herramienta
  • mcp-server.test.ts : pruebas de función del servidor MCP

Características de implementación

  1. Recuperación de contenido
    • Recuperación de contenido de página completa
    • Recuperación de solo contenido visible
    • Análisis HTML adecuado
  2. Interacción
    • Detección y recuperación de información de posición de elementos interactivos
    • Simulación del funcionamiento del ratón (movimiento, clics, desplazamiento)
    • Soporte para arrastrar y soltar
  3. Manejo de errores
    • Manejo adecuado de errores de navegación
    • Procesamiento de tiempo de espera
    • Detección de URL no válida
  4. Flexibilidad de configuración
    • Selección de modo sin cabeza/con cabeza
    • Agente de usuario personalizado
    • Configuración del tamaño de la ventana gráfica

Notas importantes

  • Asegúrese de que las variables de entorno necesarias estén configuradas antes de usar el servidor MCP
  • Siga los términos de servicio de los sitios web de destino al recuperar el contenido de la página web
  • Mantenga intervalos adecuados al enviar múltiples solicitudes
  • Al realizar operaciones con el mouse, mantenga intervalos apropiados ya que simulan interacciones reales del usuario.

Licencia

ISC

-
security - not tested
F
license - not found
-
quality - not tested

remote-capable server

The server can be hosted and run remotely because it primarily relies on remote services or has no dependency on the local environment.

Un servidor que permite a los sistemas de IA explorar, recuperar contenido e interactuar con páginas web a través del Protocolo de Contexto de Modelo.

  1. Características
    1. Instalación
      1. Instalación mediante herrería
      2. Instalación manual
    2. Uso
      1. Iniciando el servidor
      2. Herramientas MCP
    3. Desarrollo
      1. Ejecución de pruebas
      2. Estructura de la prueba
    4. Características de implementación
      1. Notas importantes
        1. Licencia

          Related MCP Servers

          • A
            security
            A
            license
            A
            quality
            This server implements the Model Context Protocol to facilitate meaningful interaction and understanding development between humans and AI through structured tools and progressive interaction patterns.
            Last updated -
            13
            51
            TypeScript
            MIT License
          • -
            security
            F
            license
            -
            quality
            A server that provides rich UI context and interaction capabilities to AI models, enabling deep understanding of user interfaces through visual analysis and precise interaction via Model Context Protocol.
            Last updated -
            53
            Python
            • Linux
            • Apple
          • A
            security
            F
            license
            A
            quality
            A server that enables AI to access external services through the Model Context Protocol, specifically integrating with an authentication system to obtain login tickets.
            Last updated -
            1
            TypeScript
          • -
            security
            A
            license
            -
            quality
            A server that implements the Model Context Protocol, providing a standardized way to connect AI models to different data sources and tools.
            Last updated -
            2
            7
            TypeScript
            MIT License

          View all related MCP servers

          MCP directory API

          We provide all the information about MCP servers via our MCP API.

          curl -X GET 'https://glama.ai/api/mcp/v1/servers/Kotelberg/playwright-mcp-server'

          If you have feedback or need assistance with the MCP directory API, please join our Discord server