Playwright Cdp MCP Server

Automates browser interactions and enables Large Language Models (LLMs) to interact with web pages through Playwright and Chrome DevTools Protocol

Local serverstdio 51

What is the Playwright Cdp MCP server?

Automates browser interactions and enables Large Language Models (LLMs) to interact with web pages through Playwright and Chrome DevTools Protocol (CDP). The playwright cdp mcp server wraps that behind the Model Context Protocol, so an assistant can use it rather than through you.

What it actually does

A Model Context Protocol server that provides browser automation capabilities using Playwright with Chrome DevTools Protocol (CDP) support. This server enables LLMs to interact with web pages, take screenshots, and execute JavaScript in a real browser environment, with the ability to connect to existing Chrome instances via CDP.

  • 🔗 Connect to existing Chrome instances via CDP
  • 🌐 Full browser automation capabilities
  • 📸 Screenshot capture of entire pages or specific elements
  • 🖱️ Comprehensive web interactions (navigation, clicking, form filling)
  • 📊 Console log monitoring
  • 🔧 JavaScript execution in browser context

Adding it to your client

@smithery/cli on npm is all you need. Most clients run it directly, so configuration is a few lines and a restart.

Caveats

  • It runs with your machine's permissions. That is convenient and also the reason to think about what you point it at before you approve a tool call.
  • MCP clients confirm each tool call by default. Leave that on until you have watched what the playwright cdp mcp server does with a few real requests.

When to reach for it

Plenty of browser automation servers cover similar ground. The differences that matter in practice are scope of access and how much setup stands between you and a working tool call. It is maintained by lars-hagen; worth a glance at recent repository activity before you build anything load-bearing on it.

SyncDev reviews every entry in this directory against the project's own documentation before publishing, and revisits them as servers change.

How to install the Playwright Cdp MCP server

{
  "mcpServers": {
    "playwright-cdp": {
      "command": "npx",
      "args": ["-y", "@smithery/cli"]
    }
  }
}

Add to claude_desktop_config.json, then restart Claude Desktop.

Frequently asked questions

Playwright CDP is a tool that automates browser interactions and allows Large Language Models (LLMs) to interact with web pages using Playwright and Chrome DevTools Protocol (CDP). It's a fork of mcp-playwright enhanced with CDP support.