Playwright MCP Server 🎭

Name: Playwright MCP Server 🎭
Author: executeautomation

@executeautomation

关于 Playwright MCP Server 🎭

Playwright Model Context Protocol Server - Tool to automate Browsers and APIs in Claude Desktop, Cline, Cursor IDE and More 🔌

基本信息

分类

浏览器自动化

许可证

MIT

运行时

node

传输方式

stdio

发布者

executeautomation

配置

使用下面的配置,将此服务器添加到你的 MCP 客户端。

{
  "mcpServers": {
    "mcp-playwright": {
      "command": "npx",
      "args": [
        "@michaellatman/mcp-get@latest",
        "install",
        "@executeautomation/playwright-mcp-server"
      ]
    }
  }
}

工具

未检测到工具

工具是从 README 中自动提取的。维护者可以在 ## Tools 标题下列出工具,即可填充这部分内容。

概览

What is Playwright MCP Server 🎭?

Playwright MCP Server 🎭 is a Model Context Protocol server that provides browser automation capabilities using Playwright. It enables large language models to interact with web pages, take screenshots, generate test code, web scrape pages, and execute JavaScript in a real browser environment.

How to use Playwright MCP Server 🎭?

Install the package globally via npm, or use mcp-get, Smithery, or VS Code CLI. The server automatically installs browser binaries on first use. Configure it in stdio mode for Claude Desktop or HTTP mode for VS Code GitHub Copilot and custom clients. Invoke tools like playwright_resize with device presets.

Key features of Playwright MCP Server 🎭

Browser automation using Playwright (Chromium, Firefox, WebKit)
143 real device presets with natural language support
Automatic browser installation on first use
HTTP mode for remote, multi-client, and VS Code integration
Screenshot capture, test code generation, web scraping, JavaScript execution
Health check endpoint and monitoring system

Use cases of Playwright MCP Server 🎭

Let LLMs browse the web and take screenshots for visual understanding
Generate Playwright test code from natural language instructions
Automate web scraping and data extraction tasks
Test responsive web designs across 143 device profiles
Enable headless browser access from remote servers or CI/CD pipelines

FAQ from Playwright MCP Server 🎭

How do I install Playwright MCP Server 🎭?

You can install it globally via npm (npm install -g @executeautomation/playwright-mcp-server), via Smithery, or through mcp-get. For VS Code, use the one-click install button or the code --add-mcp CLI command.

How do I configure it for Claude Desktop vs VS Code?

For Claude Desktop, use stdio mode with a command/args configuration. For VS Code GitHub Copilot, use HTTP mode (starting the server with --port 8931) and include "type": "http" in the client configuration. The "type": "http" field is required for HTTP/SSE transport.

Does the server install browsers automatically?

Yes, when the server first detects a missing browser, it automatically downloads and installs the required browser (Chromium, Firefox, or WebKit) and retries the request. Manual installation is also supported via npx playwright install.

What devices are supported for emulation?

The server supports 143 real device presets, including iPhone, iPad, Pixel, Galaxy, and Desktop Chrome. You can use natural language commands like "Test on iPhone 13" or "Switch to iPad view". Device emulation is performed by the playwright_resize tool.

浏览器自动化分类下的更多 MCP 服务器

Puppeteer

modelcontextprotocol

Model Context Protocol Servers

88.1K

MCP Browser Kit

ndthanhdev

An MCP Server that enables AI assistants to interact with your local browsers.

Umut Naci

firecrawl

The API to search, scrape, and interact with the web at scale. 🔥

148.0K

Fetch