Playwright MCP: giving Claude the control of your browser

📖 See also: Glossary: Claude Code Building Blocks for a full breakdown of all the pieces (skills, hooks, subagents, MCP, plugins, etc.)

Playwright is a browser automation library. As an MCP server in Claude Code, it lets Claude navigate URLs, click elements, fill forms, take screenshots, and extract content — like a real user would.

One command to add it globally across all your projects: claude mcp add --transport stdio --scope user playwright -- npx -y @playwright/mcp@latest

To avoid approving every single tool call, add this to .claude/settings.local.json:

"permissions": { "allow": ["mcp__playwright__*"] }

The * is a wildcard that auto-approves everything. The file is gitignored so it stays personal.

Scopes worth knowing: local for the current project, project to share with your team via git, user for all your projects globally.