MetaSkill + Submit
⇄ MCP SERVER ★

Playwright MCP

Browser automation through Playwright using accessibility snapshots.

Install

# Claude Code
claude mcp add playwright -- npx -y @playwright/mcp@latest

# Cursor / VS Code / Windsurf (mcp.json)
"playwright": { "command": "npx", "args": ["-y", "@playwright/mcp@latest"] }

Commands change between releases — if something fails, check the official README.

About Playwright MCP

Microsoft's Playwright MCP lets agents navigate pages, click, type and read structure through accessibility snapshots instead of screenshots — fast and reliable for testing and scraping public sites.

FAQ

What is Playwright MCP?

Browser automation through Playwright using accessibility snapshots.

How do I install Playwright MCP?

Run: claude mcp add playwright -- npx -y @playwright/mcp@latest. Full steps are in the Install section on this page.

Which agents does Playwright MCP work with?

Claude Code, Claude apps, Cursor, VS Code & Copilot, OpenAI Codex, Gemini CLI, Windsurf.

Is Playwright MCP free?

Yes. It is open source (Apache-2.0).

Alternatives to Playwright MCP?

Chrome DevTools MCP, Superpowers Chrome, webapp-testing.

Similar to Playwright MCP

More browser & web automation →
⇄ MCP SERVER★

Chrome DevTools MCP

Control and inspect Chrome: performance traces, console, network and DOM.

claude mcp add chrome-devtools -- npx -y chrome-devtools-mcp@latest
Claude CodeClaude appsCursor +4
▣ PLUGIN

Superpowers Chrome

Claude Code plugin for direct Chrome control via the DevTools Protocol, with zero dependencies.

/plugin marketplace add obra/superpowers-marketplace
Claude Code
◆ SKILL

webapp-testing

Skill for testing local web apps with Playwright scripts.

/plugin marketplace add anthropics/skills
Claude CodeClaude appsOpenAI Codex +3