drio
Open app

MCP Server Playwright

Source

MCP server for browser automation using Playwright

Catalog onlyCatalog onlySTDIO

Overview

MCP Server Playwright is a browser automation server that utilizes Playwright to enable interaction with web pages, allowing for functionalities such as taking screenshots and executing JavaScript within a real browser context.

To use the MCP Server Playwright, you can install it using either npx or mcp-get. After installation, follow the provided configuration setup to start automating browser tasks.

  • 🌐 Full browser automation capabilities - 📸 Screenshot capture of whole pages or specific elements - 🖱️ Comprehensive interaction with web pages including navigation and form filling - 📊 Monitoring browser console logs - 🔧 Execute JavaScript in the browser context
  1. Automating routine web interactions and testing
  2. Taking automated screenshots for monitoring and reporting
  3. Performing complex web-based workflows seamlessly

Add to your AI client

Use these steps to connect MCP Server Playwright in Cursor, Claude, VS Code, and other MCP-compatible apps. The same JSON appears in the Use with menu above for one-click copy.

Cursor

Add this to your .cursor/mcp.json file in your project root, then restart Cursor.

.cursor/mcp.json

{
  "mcpServers": {
    "mcp-server-playwright-automata-labs-team": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-server-playwright-automata-labs-team"
      ]
    }
  }
}

Claude Desktop

Add this server entry to the mcpServers object in your Claude Desktop config, then restart the app.

~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows)

{
  "mcpServers": {
    "mcp-server-playwright-automata-labs-team": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-server-playwright-automata-labs-team"
      ]
    }
  }
}

Claude Code

Add this to your project's .mcp.json file. Claude Code will detect it automatically.

.mcp.json (project root)

{
  "mcpServers": {
    "mcp-server-playwright-automata-labs-team": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-server-playwright-automata-labs-team"
      ]
    }
  }
}

VS Code (Copilot)

Add this to your .vscode/mcp.json file. Requires the GitHub Copilot extension with MCP support enabled.

.vscode/mcp.json

{
  "servers": {
    "mcp-server-playwright-automata-labs-team": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-server-playwright-automata-labs-team"
      ]
    }
  }
}

Windsurf

Add this to your Windsurf MCP config file, then restart Windsurf.

~/.codeium/windsurf/mcp_config.json

{
  "mcpServers": {
    "mcp-server-playwright-automata-labs-team": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-server-playwright-automata-labs-team"
      ]
    }
  }
}

Cline

Open Cline settings, navigate to MCP Servers, and add this server configuration.

Cline MCP Settings (via UI)

{
  "mcpServers": {
    "mcp-server-playwright-automata-labs-team": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-server-playwright-automata-labs-team"
      ]
    }
  }
}

FAQ

What platforms does MCP Server Playwright support?

It is compatible with both Windows and macOS environments.

How can I customize the browser behavior?

You can configure the Playwright server integration settings in the generated Claude configuration file during installation.

Is there documentation available?

Yes, comprehensive documentation is provided in the project's GitHub repository for installation, configuration, and usage.7:["$","div",null,{"className":"container mx-auto flex flex-col gap-4","children":["$L26","$L27",["$","$L28",null,{"currentProject":{"id":117,"uuid":"16cc5545-a4ba-4470-bcb1-2faa78efd551","name":"MCP-Server-Playwright","title":"MCP Server Playwright","description":"MCP server for browser automation using Playwright","avatar_url":"https://avatars.githubusercontent.com/u/181803576?v=4","created_at":"2024-12-13T09:01:12.548Z","updated_at":"2024-12-13T09:49:54.096Z","status":"created","author_name":"Automata-Labs-team","author_avatar_url":"https://avatars.githubusercontent.com/u/181803576?v=4","tags":"[]","category":"browser-automation","is_featured":false,"sort":1,"url":"https://github.com/Automata-Labs-team/MCP-Server-Playwright","target":"_self","content":"$29","summary":"$2a","img_url":"https://camo.githubusercontent.com/0389de4a01f55201e42f8aa9f49baf282b1604ff1ab4d497e36d2c4b01e0e519/68747470733a2f2f6175746f6d6174616c6162732e696f2f69636f6e2e737667","type":null,"metadata":null,"user_uuid":null,"tools":null,"sse_url":null,"sse_provider":null,"sse_params":null,"is_official":false,"server_command":null,"server_params":null,"server_config":null,"allow_call":false,"is_innovation":false,"is_dxt":false,"dxt_manifest":null,"dxt_file_url":null,"is_audit":false},"randomProjects":[],"currentServerKey":"$undefined"}]]}]

Browser automation