Playwright MCP Server

Drive a real browser: click, fill, screenshot.

Official — published by the vendor of the system it connects to.

Navigate pages, fill forms, click through flows, and capture screenshots or accessibility trees. Because it returns the accessibility tree rather than raw pixels, the agent reads structure instead of guessing at a screenshot.

Install Playwright MCP Server

Paste this into your MCP client config — Claude Desktop, Claude Code, Cursor, VS Code and Windsurf all read the same shape — then restart the client.

npx @playwright/mcp@latest

Config for each MCP client

The same server, in the shape each client expects. Copy the block for yours, restart it, and Playwright MCP Server appears in your next session.

Claude Desktop

claude_desktop_config.json
{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": [
        "@playwright/mcp@latest"
      ]
    }
  }
}

Full Claude Desktop setup guide

Claude Code

terminal
claude mcp add playwright -- npx @playwright/mcp@latest

Full Claude Code setup guide

Cursor

.cursor/mcp.json
{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": [
        "@playwright/mcp@latest"
      ]
    }
  }
}

Full Cursor setup guide

VS Code

.vscode/mcp.json
{
  "servers": {
    "playwright": {
      "command": "npx",
      "args": [
        "@playwright/mcp@latest"
      ]
    }
  }
}

Full VS Code setup guide

Windsurf

mcp_config.json
{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": [
        "@playwright/mcp@latest"
      ]
    }
  }
}

Full Windsurf setup guide

Details

Repository
https://github.com/microsoft/playwright-mcp
Homepage
https://github.com/microsoft/playwright-mcp
Category
Web Scraping
Stars
14100
Installs per month
168000
Last checked

Frequently asked questions

How do I install Playwright MCP Server?

Add it to your MCP client's config with the command `npx @playwright/mcp@latest`, or paste the ready-made JSON block above into Claude Desktop, Cursor, VS Code or Windsurf. Claude Code users can run `claude mcp add playwright` instead. Restart the client and the tools appear in the next session.

Does Playwright MCP Server need an API key?

No credential is recorded for this listing, which usually means it runs against something local or public rather than an authenticated API. Check the repository's README before assuming, and if you find otherwise, tell us and we will correct the listing.

Which clients work with Playwright MCP Server?

Any MCP client. Claude Desktop, Claude Code, Cursor, VS Code with Copilot, Windsurf, Zed, Cline and Continue all speak the Model Context Protocol, so a server written once works in all of them — only the location of the config file differs.

Is Playwright MCP Server free?

The server itself is free and open source, and you run it yourself. It is published by the vendor of the system it connects to, so that service's own pricing applies to whatever it reaches.

Other Web Scraping servers

All Web Scraping MCP servers · The full MCP server list · Install guides