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.

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.

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.

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.

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/current as of June 2026. 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.

Keep reading

Discuss this topic in the community

Be the first to post in 'Claude Coding'. This is where readers of this topic gather.