Skip to main content

Playwright MCP Server Setup: Browser Automation in Claude (2026)

Use Microsoft’s official Playwright MCP server so Claude can open a browser and click and type. Covers npx setup and how it differs from Claude in Chrome.

ByUpdated

The Playwright MCP server is Microsoft's official server that lets Claude open a real web browser and navigate, click, and type on pages. What is distinctive is that it uses the accessibility tree — the page's structured information — rather than screen pixels, for more reliable automation.

🟢 Model references match the current lineup · model notice · Fable subscription
🟢 Model references match the current lineup · Claude Opus 5 / Claude Sonnet 5 / Claude Haiku 4.5 (higher tier: Claude Fable 5.1). This notice changes only when Anthropic ships a new model.

Fable 5 and 5.1 subscription (updated September 7, 2026): Claude Fable 5.1, released September 1, 2026, is the current Fable model and Fable 5 is now legacy. Plan terms are the same for both — Max and Team Premium plans include Fable at up to 50% of the weekly usage limit; Pro and Team Standard use usage credits (

🟢 Model references match the current lineup · Claude Opus 5 / Claude Sonnet 5 / Claude Haiku 4.5 (higher tier: Claude Fable 5.1). This notice changes only when Anthropic ships a new model.
0/M input, $50/M output tokens). The one-time
🟢 Model references match the current lineup · Claude Opus 5 / Claude Sonnet 5 / Claude Haiku 4.5 (higher tier: Claude Fable 5.1). This notice changes only when Anthropic ships a new model.
00 credit applied only to the Fable 5 transition and is not offered for 5.1. Some coding and debugging requests may be answered by an Opus model due to a security classifier (both models). See the Fable 5.1 guide and the Fable 5 availability guide for details.

Playwright MCP — 3 stepsPlaywright MCP — 3 steps1. PrerequisiteNode.js 18+2. Registernpx @playwright/mcp3. Automateopen · click · type

What you can do

It provides tools for opening pages, clicking links and buttons, filling forms, and reading page state. That lets Claude carry out requests like "find and summarize info on this site" using a real browser.

What you need

Node.js 18 or newer. Per the official docs, compatible clients include Claude Desktop as well as VS Code, Cursor, Windsurf, and Goose.

How to set it up

The simplest way is to run it with npx. A claude_desktop_config.json example:

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

The install command itself is one line: npx @playwright/mcp@latest. To use it in Claude Code, register it following Claude Code MCP setup.

How is this different from Claude in Chrome?

Claude already has a built-in way to drive a browser (Claude in Chrome). The short difference: Playwright MCP is a standalone server for development/automation that works in any MCP client and suits repeatable tasks like scripts and tests. For everyday browsing the built-in feature fits; for reproducible automation, Playwright MCP fits.

Playwright MCP vs Claude in ChromePlaywright MCPStandalone dev/automation serverWorks with any MCP clientFits scripted, repeatable tasksRequires Node.js 18+Claude in ChromeBuilt into Claude itselfNo separate server setupSuits everyday web browsingRepeatable automation → Playwright MCP · everyday browsing → Claude in Chrome

Try it

Ask things like "open this page and read the table" or "type a keyword in the search box and get the first result's title," and Claude will ask to approve, then act in the browser.

Staying safe · troubleshooting

Because it drives a browser directly, be careful about what you allow it to do on logged-in sessions or sensitive sites (MCP connector security). The official README also has a Security section. If the server does not appear, see the troubleshooting guide.

Looking for more connectors? Browse the connector directory to search and filter common connectors by use case.

For other servers see Filesystem server and GitHub MCP server; for picks by use case see recommended MCP servers; for the full map see the connector & MCP catalog, and to build your own see Build your own MCP server. The official source is microsoft/playwright-mcp.

Written July 2026; re-checked against the official README on September 9, 2026 (Node.js 18+, npx config and client list unchanged; npm latest 0.0.80). The package and options follow the official repository and may change between versions, so check the official docs as you configure. This is an unofficial guide.

Was this helpful?

Keep reading