Playwright MCP
Drives a real browser through Playwright using accessibility snapshots instead of screenshots.
Claude Code
claude mcp add playwright npx @playwright/mcp@latest
Codex
codex mcp add playwright npx "@playwright/mcp@latest"
Cursor
Cursor Settings → MCP → Add new MCP Server, command type: npx @playwright/mcp@latest
Copilot (VS Code)
code --add-mcp '{"name":"playwright","command":"npx","args":["@playwright/mcp@latest"]}'
Claude Desktop
{"mcpServers":{"playwright":{"command":"npx","args":["@playwright/mcp@latest"]}}}
Gemini CLI
{"mcpServers":{"playwright":{"command":"npx","args":["@playwright/mcp@latest"]}}}
Commands and configuration as given in the server’s documentation (Documentation). Replace placeholders such as API keys with your own values.
Microsoft’s Playwright MCP server, which drives a real browser for coding agents.
The Playwright MCP server, from Microsoft’s Playwright team, drives a real browser through Playwright and reads pages from accessibility snapshots instead of screenshots. It runs locally over stdio through npx, needs no authentication and is licensed Apache-2.0. Its README shows setup for Claude Code, Codex, Cursor, Copilot in VS Code, Claude Desktop and Gemini CLI.
Agents navigate, click, type, fill forms, manage tabs and take screenshots, and they read the page through structured accessibility snapshots, so no vision model is needed. It runs over stdio through npx by default and can also serve HTTP on a local port or run in Docker.
Questions
Does the Playwright MCP server need a vision model?
How do I add the Playwright MCP server to Claude Code?
claude mcp add playwright npx @playwright/mcp@latest.Does the Playwright MCP server need an API key?
Can the Playwright MCP server run over HTTP?
Sources
Checked October 2, 2026.