JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 9212
  • Score
    100M100P100Q152538F
  • License MIT

Model Context Protocol servers for Playwright

Package Exports

    This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@executeautomation/playwright-mcp-server) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

    Readme

    Playwright MCP Server 🎭

    smithery badge

    A Model Context Protocol server that provides browser automation capabilities using Playwright. This server enables LLMs to interact with web pages, take screenshots, generate test code, web scraps the page and execute JavaScript in a real browser environment.

    mcp-playwright MCP server

    Screenshot

    Playwright + Claude

    Documentation | API reference

    Installation

    You can install the package using either npm, mcp-get, or Smithery:

    Using npm:

    npm install -g @executeautomation/playwright-mcp-server

    Using mcp-get:

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

    Using Smithery

    To install Playwright MCP for Claude Desktop automatically via Smithery:

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

    Configuration to use Playwright Server

    Here's the Claude Desktop configuration to use the Playwright server:

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

    Testing

    This project uses Jest for testing. The tests are located in the src/__tests__ directory.

    Running Tests

    You can run the tests using one of the following commands:

    # Run tests using the custom script (with coverage)
    node run-tests.cjs
    
    # Run tests using npm scripts
    npm test           # Run tests without coverage
    npm run test:coverage  # Run tests with coverage
    npm run test:custom    # Run tests with custom script (same as node run-tests.cjs)

    The test coverage report will be generated in the coverage directory.

    Star History

    Star History Chart