Skip to content
mcp/harbor

Claude Code Playwright browser_snapshot

How to: Claude Code Playwright browser_snapshot

client:Claude Code transport:stdio tool:browser_snapshot

Add Playwright to Claude Code

  1. 01

    Run this in your project directory. 

claude mcp add playwright-mcp -- npx -y @playwright/mcp
  1. 02

    Restart your session so the server is picked up.

  2. 03

    Ask for something browser_snapshot does. Claude Code lists the server's tools on connect and calls browser_snapshot itself — you do not invoke it by name.

  3. 04

    If nothing happens, check the server is running and that Playwright's identifier in your config matches the one above exactly.

Adds it for this project only. Append --scope user to make it available everywhere. Claude Code docs

Same tool, other clients

Mutating and Read-only are read off each tool's name, not its schema — a hint, not a guarantee. The registry stores tool names only; connect the server for its live schemas.

Playwright MCP server