Description

Playwright MCP provides browser automation capabilities through structured accessibility snapshots, enabling LLMs to interact with web pages without requiring vision models. Developed by Microsoft, this TypeScript implementation offers tools for navigation, form-filling, element interaction, and data extraction using Playwright's accessibility tree rather than pixel-based input. The server supports both snapshot mode (default) for better performance and reliability, and vision mode for screenshot-based interactions, making it particularly valuable for web testing, data extraction, and agent-driven browser automation tasks.

Installation

git clone https://github.com/cloudflare/playwright-mcp

Claude Desktop Configuration

Add this configuration to your Claude Desktop config file to enable this MCP server:

Config file location: ~/Library/Application Support/Claude/claude_desktop_config.json

Config file location: %APPDATA%\Claude\claude_desktop_config.json

Config file location: ~/.config/Claude/claude_desktop_config.json

claude_desktop_config.json

{
  "mcpServers": {
    "cloudflare-browser-rendering-playwright": {
      "command": "node",
      "args": [
        "path/to/server.js"
      ]
    }
  }
}