OfficialFeaturedMCP server · stdio

🎭Playwright

Let Claude drive a real browser — navigate, click, fill forms, and snapshot pages.

What it does

Microsoft's official Playwright MCP server hands Claude a real, controllable browser.

What it gives Claude:

Navigate to URLs, click elements, and fill forms
Read structured accessibility snapshots of the page (not screenshots — fast and token-cheap)
Run multi-step end-to-end flows and verify state
Capture screenshots when you do want a visual

Great for testing your own web app, reproducing bugs, or scraping interactive pages. Requires Node.js 18+; the browser is downloaded on first run.

Before you start

Requires Node.js 18 or newer. The browser binary downloads automatically the first time Claude uses the server.

1
Make sure Claude is on your device and in your terminal.
MCP servers register with Claude Code via claude mcp add. You need Claude Code installed first:
```
npm i -g @anthropic-ai/claude-code
```
2
Set up the server on your machine.
Setup
Sign up to copy
```
claude mcp a•• •••••••••• •• •••• •• ••• •• ••••••••••••••••••••••
```
Sign up free to reveal
Runs the project's installer (clone + dependencies + config). Follow any prompts. After this finishes, the server is ready to register with Claude Code in the next step.
Restart Claude Code.
Quit and reopen Claude Code so it picks up the new MCP registration. Run /mcp inside Claude Code to confirm the server is connected.
Use it.
Ask Claude naturally. It will call the server's tools when your request matches one. Tool calls show up inline so you can see exactly what Claude is doing.

Prefer to read the source first? Open on GitHub.