MCP Playwright

🚀 Playwright MCP Server 🎭

A Model Context Protocol (MCP) server using Playwright, offering browser automation capabilities. This server enables Large Language Models (LLMs) to interact with web pages, take screenshots, generate test code, scrape web content, and execute JavaScript, all within a real browser environment.

📷 Screenshots

📚 Documentation | API Reference

📦 Installation

You can install it using 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 automatically install Playwright MCP for Claude Desktop via Smithery:

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 the following buttons:

# Install using the following command in VS Code:
# Open the terminal and run:
# Copy the following content to the terminal:
command: "extension install"
args: ["https://marketplace.visualstudio.com/items?itemName=vscode_extensions.reposoup.badge_install_now"]

📚 Documentation

Official Documentation

⚙️ Configuration

Configure the Playwright server in Claude Desktop:

# Configure as follows in Claude Desktop:
{
  "playwright": {
    "server": "@executeautomation/playwright-mcp-server"
  }
}

🧪 Testing

Test using Jest, and here are the running commands:

npm test
npm run test
yarn test

⭐ Star History