Name: Playwright MCP
Author: Microsoft

Microsoft's Playwright MCP gives Claude a real Chrome, Firefox or WebKit browser that it controls through structured accessibility snapshots rather than screenshots, so no vision model is needed. It runs on your own computer, keeps a persistent profile by default so logins survive between sessions, and suits testing, form filling and pages that only render with JavaScript.

Who it is for

Developers testing web apps
QA engineers writing end-to-end checks
Anyone automating repetitive browser chores

Prompts to try

Once it is connected, ask in plain words. Claude decides when to use the server and asks before it changes anything important.

Prompt 1

Open http://localhost:3000, sign up with a test email and tell me if any step shows an error.

Prompt 2

Go to the pricing page of example.com and list every plan with its monthly price.

Prompt 3

Fill in the contact form on this page with placeholder data and take a screenshot before submitting.

How to connect it

In Claude Code

$claude mcp add playwright npx @playwright/mcp@latest

In the Claude desktop app

Add this to claude_desktop_config.json, then restart the app:

json

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

Good to know

Add --headless or --isolated to the args for a hidden browser or a throwaway profile; the Playwright Extension lets it use your open Chrome or Edge tabs.

Unlock the setup steps

Free. Leave your email once to open the setup steps for all 150 servers, and get the best new connectors each month.

How we checked it

Checked the GitHub repo (Apache-2.0, 38k stars, last commit 2026-10-08), the @playwright/mcp npm package (0.0.83, published 2026-09-28) and the official registry entry; the Claude Code command is copied from the README.

Source: github.com/microsoft/playwright-mcp

Playwright MCP