Playwright MCP Server 🎭


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.

Screenshot

!Playwright + Claude

Documentation | API reference

Installation

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

Using npm:
``bash
npm install -g @executeautomation/playwright-mcp-server
`

Using mcp-get:
`bash
npx @michaellatman/mcp-get@latest install @executeautomation/playwright-mcp-server
`
Using Smithery

To install Playwright MCP for Claude Desktop automatically via Smithery:

`bash
npx -y @smithery/cli install @executeautomation/playwright-mcp-server --client claude
`
#### Installation in VS Code

Install the Playwright MCP server in VS Code using one of these buttons:

Alternatively, you can install the Playwright MCP server using the VS Code CLI:

`bash


For VS Code


code --add-mcp '{"name":"playwright","command":"npx","args":["@executeautomation/playwright-mcp-server"]}'
`

`bash


For VS Code Insiders


code-insiders --add-mcp '{"name":"playwright","command":"npx","args":["@executeautomation/playwright-mcp-server"]}'
`

After installation, the ExecuteAutomation Playwright MCP server will be available for use with your GitHub Copilot agent in VS Code.

Configuration to use Playwright Server

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

`json
{
"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.

$3

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

`bash


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