Browser

Playwright

Lets your AI client drive a real web browser: open pages, click, type, take snapshots and screenshots. Handy for testing the site you are building. Needs Node.js 18 or newer.

Intermediate by Microsoft Claude CodeClaude DesktopCursorOpenAI Codex

View repository

Install

Claude Code

claude mcp add playwright -- npx @playwright/mcp@latest

Claude Desktop

Add the JSON config below to claude_desktop_config.json (macOS: ~/Library/Application Support/Claude/claude_desktop_config.json, Windows: %APPDATA%\Claude\claude_desktop_config.json), then restart Claude Desktop.

Cursor

Add the JSON config below to .cursor/mcp.json (this project) or ~/.cursor/mcp.json (all projects).

OpenAI Codex

codex mcp add playwright -- npx @playwright/mcp@latest

JSON config

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": ["@playwright/mcp@latest"]
    }
  }
}