Back to MCP Servers

Playwright MCP (@playwright/mcp)

OFFICIAL

Microsoft's official browser automation server. Navigate pages, click, fill forms, take screenshots, and read pages via fast accessibility snapshots.

Category: Browser · Works with: Claude Code, Grok Build, Claude Desktop, Cursor, VS Code, Codex CLI

What it does

Gives agents a real browser. Uses structured accessibility-tree snapshots instead of pixels, so it is fast and reliable without a vision model. The recommended replacement for the archived Puppeteer server.

Install

npx -y @playwright/mcp@latest

Setup Instructions

claude Code
claude mcp add playwright -- npx -y @playwright/mcp@latest
grok Build
Add to Grok Build's MCP settings with the command:

npx -y @playwright/mcp@latest

Pairs well with Plan Mode for verifying UI changes before they land.
claude Desktop
{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": ["-y", "@playwright/mcp@latest"]
    }
  }
}
cursor
Settings → MCP → Add server with command "npx -y @playwright/mcp@latest". Add --headless to run without a visible browser window.
Official documentation
Compatible Agents
Claude CodeGrok BuildClaude DesktopCursorVS CodeCodex CLI