Playwright MCP Details

Playwright MCP server. A Model Context Protocol (MCP) server that provides browser automation capabilities using Playwright. This server enables large language models (LLMs) to interact with web pages through structured accessibility snapshots, bypassing the need for screenshots or visually-tuned models. The server is designed to be fast, lightweight, and deterministic, offering LLM-friendly tooling and a rich set of browser automation capabilities via MCP tools. It supports standalone operation, containerized deployments, and integration with a variety of MCP clients (Claude Desktop, VS Code, Copilot, Cursor, Goose, Windsurf, and others).

Use Case

The Playwright MCP server exposes a suite of MCP tools that enable an LLM to perform browser automation tasks programmatically without relying on pixel-based input or screenshots. Users configure the server with a standard JSON config, launch it via npx @playwright/mcp@latest, and then invoke the available tools from their MCP client to interact with web pages. Example: configuring the server in a central config file and starting it with npx, then integrating with clients like VS Code or Claude Desktop. Example configurations from the docs include:

  • Standard config snippet for VS Code-like environments:
  • {
    "mcpServers": {
    "playwright": {
    "command": "npx",
    "args": ["@playwright/mcp@latest"]
    }
    }
    }

  • AMP CLI setup:
  • amp mcp add playwright -- npx @playwright/mcp@latest

  • Claude Code usage:
  • claude mcp add playwright npx @playwright/mcp@latest

  • Codex CLI usage:
  • codex mcp add playwright npx "@playwright/mcp@latest"

  • Copilot example (config file):
  • {
    "mcpServers": {
    "playwright": {
    "type": "local",
    "command": "npx",
    "tools": ["*"] ,
    "args": ["@playwright/mcp@latest"]
    }
    }
    }

  • VS Code CLI install:
  • <h1 class="text-2xl font-semibold mt-5 mb-3">For VS Code</h1>
    code --add-mcp '{"name":"playwright","command":"npx","args":["@playwright/mcp@latest"]}'

  • Docker example:
  • {
    "mcpServers": {
    "playwright": {
    "command": "docker",
    "args": ["run", "-i", "--rm", "--init", "--pull=always", "mcr.microsoft.com/playwright/mcp"]
    }
    }
    }

    These examples show how to configure and connect various MCP clients to the Playwright MCP server. Once configured, you can call tools such as browser_click, browser_type, browser_navigate, and many others to interact with pages in a structured, programmable way. The configuration also supports advanced options like --isolated, --storage-state for state persistence, and --config to supply a JSON configuration file for the server.

    Available Tools (26)

    Examples & Tutorials

    Real example usage patterns directly from the docs:

    1) Standard config snippet for starting Playwright MCP with the latest release (VS Code style):

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

    2) VS Code install command (integrate with Copilot/VSC):

    <h1 class="text-2xl font-semibold mt-5 mb-3">For VS Code</h1>
    code --add-mcp '{"name":"playwright","command":"npx","args":["@playwright/mcp@latest"]}'

    3) AMP CLI setup example:

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

    4) Claude Code CLI usage:

    claude mcp add playwright npx @playwright/mcp@latest

    5) Docker-based standalone server config:

    {
    "mcpServers": {
    "playwright": {
    "command": "docker",
    "args": ["run", "-i", "--rm", "--init", "--pull=always", "mcr.microsoft.com/playwright/mcp"]
    }
    }
    }

    6) Example with storage state and isolated mode (from User Profile):

    {
    "mcpServers": {
    "playwright": {
    "command": "npx",
    "args": ["@playwright/mcp@latest", "--isolated", "--storage-state={path/to/storage.json}"]
    }
    }
    }

    Installation Guide

    Step-by-step installation instructions with actual commands from the documentation:

  • Standard config snippet to start the Playwright MCP server using npm/npx:
  • {
    "mcpServers": {
    "playwright": {
    "command": "npx",
    "args": ["@playwright/mcp@latest"]
    }
    }
    }

  • Amp CLI setup:
  • amp mcp add playwright -- npx @playwright/mcp@latest

  • Claude Code CLI:
  • claude mcp add playwright npx @playwright/mcp@latest

  • Codex CLI:
  • codex mcp add playwright npx "@playwright/mcp@latest"

  • Copilot (config example):
  • {
    "mcpServers": {
    "playwright": {
    "type": "local",
    "command": "npx",
    "tools": ["*"] ,
    "args": ["@playwright/mcp@latest"]
    }
    }
    }

  • Cursor manual install (button or MCP settings): follow the UI flow described in the docs to add the Playwright MCP server via Cursor settings and the MCP config URL provided in the documentation.

  • Goose manual install:
  • Go to Advanced settings -> Extensions -> Add custom extension. Name to your liking, use type STDIO, and set the command to npx @playwright/mcp.

  • LM Studio manual install:
  • Go to Program -> Install -> Edit mcp.json. Use the standard config above.

  • Opencode example:
  • {
    "$schema": "https://opencode.ai/config.json",
    "mcp": {
    "playwright": {
    "type": "local",
    "command": ["npx", "@playwright/mcp@latest"],
    "enabled": true
    }
    }
    }

  • Factory CLI:
  • droid mcp add playwright "npx @playwright/mcp@latest"

  • Qodo Gen / VS Code / Warp style examples are included in the docs to show how to paste the standard config above into various environments.
  • Integration Guides

    Frequently Asked Questions

    Is this your MCP?

    Claim ownership and get verified badge

    Repository Stats

    Sponsored

    Ad Space Available
    Important Notes

    Notes and limitations from the docs:

  • Node.js 18 or newer is required.

  • The Docker implementation currently only supports headless Chromium.

  • The server can be configured to persist state with --isolate and --storage-state.

  • The PCI (MCP) tools require corresponding clients (Claude Desktop, VS Code, Cursor, Goose, Windsurf, etc.) to interact with the server.
  • Prerequisites

    Node.js 18 or newer; VS Code, Cursor, Windsurf, Claude Desktop, Goose or any other MCP client

    Details
    Last Updated1/2/2026
    SourceGitHub

    Compare Alternatives

    Similar MCP Tools

    9 related tools
    Skyvern MCP

    Skyvern MCP

    Skyvern is the complete browser MCP for AI agents. 75+ tools for clicking, filling forms, extracting structured data, logging in with 2FA, uploading files, drag-and-drop, running JavaScript, inspecting network traffic, multi-tab browsing, and building reusable cached workflows. First workflow run uses AI; subsequent runs replay a cached script with zero LLM calls.

    pageguard-mcp

    pageguard-mcp

    pageguard-mcp is an MCP (Model Context Protocol) server that exposes PageGuard privacy compliance scanning as a set of tools for AI coding assistants. It enables seamless integration with Claude Code, Cursor, Windsurf, ChatGPT, and any MCP-compatible environment. The server supports local scans, live URL scans, and AI-generated privacy-related documents, helping developers identify tracking technologies, cookies, and third-party data processing, while also producing tailored privacy policies and compliance materials. With its straightforward MCP configuration and free local scanning capability, pageguard-mcp is designed to empower teams to maintain privacy compliance across their projects and websites.

    Prop Firm Deal Finder

    Prop Firm Deal Finder (PFDF) is a free MCP server that gives AI assistants real-time access to live discount codes across 20+ proprietary trading firms. It provides 6 tools: get_deals (all current discounts), search_firms (search by name/asset class), compare_firms (side-by-side comparison of challenges), find_cheapest (cheapest challenge by account size with PFDF code applied), get_firm_details (15+ data points per firm), and get_discount_code (universal PFDF code). Covers firms like Topstep, Apex Trader Funding, MyFundedFutures, FTMO, The Funded Trader, and 14 more. No API key required. Install via npx propfirmdealfinder-mcp-server or connect remotely at https://web-production-6607c.up.railway.app/mcp

    mcp-server-with-spring-ai

    mcp-server-with-spring-ai

    mcp-server-with-spring-ai is a Spring Boot integrated MCP (Model Context Protocol) server example that showcases how to expose executable tools from an MCP server to clients (including LLMs) and how to wire a MCP client to consume those tools. The documentation explains MCP at a high level, outlines the three-layer MCP Java SDK architecture (Client/Server Layer, Session Layer, Transport Layer), and demonstrates two sample tools implemented in SellerAccountTools. This repo emphasizes how an MCP server can connect to external data sources (e.g., a PostgreSQL DB) and expose tools that an AI model can invoke to retrieve data, with the example illustrating tool invocation and automatic tool selection by prompts.

    OpenClaw MCP Server

    OpenClaw MCP Server

    OpenClaw MCP Server is a secure Model Context Protocol (MCP) bridge that connects Claude.ai with a self-hosted OpenClaw assistant, enabling OAuth2 authentication and safe, controlled communication between the Claude AI ecosystem and your local or hosted OpenClaw deployment. This MCP server acts as an orchestration layer that exposes MCP tools to Claude.ai, manages authentication, and enforces security boundaries like CORS and transport options. It is designed to be deployed via Docker or run locally, with detailed installation, configuration, and security guidance provided in the documentation. By serving as a bridge, it enables Claude.ai to delegate tasks to your OpenClaw bot while preserving control over data flow and access controls, in line with MCP specifications and best security practices.

    Graphiti MCP Server

    Graphiti MCP Server

    Graphiti MCP Server is an experimental implementation that exposes Graphiti's real-time, temporally-aware knowledge graph capabilities through the MCP (Model Context Protocol) interface. It enables AI agents and MCP clients to interact with Graphiti's knowledge graph for structured extraction, reasoning, and memory across conversations, documents, and enterprise data. The server supports multiple backends (FalkorDB by default and Neo4j), a variety of LLM providers (OpenAI, Anthropic, Gemini, Groq, Azure OpenAI), and multiple embedder options, all accessible via an HTTP MCP endpoint at /mcp/ for broad client compatibility. It also includes queue-based asynchronous episode processing, rich entity types for structured data, and flexible configuration through config.yaml, environment variables, or CLI arguments.

    Context7 MCP Server

    Context7 MCP Server

    Context7 MCP Server delivers up-to-date, code-first documentation and examples for LLMs and AI code editors by pulling content directly from the source. It supports multiple MCP clients and exposes tools that help you resolve library IDs and retrieve library documentation, ensuring prompts use current APIs and usage patterns. The repository provides installation and integration guides for Cursor, Claude Code, Opencode, and other clients, along with practical configuration samples and OAuth options for remote HTTP connections. This MCP server is designed to keep prompts in sync with the latest library docs, reducing hallucinations and outdated code snippets.

    TrendRadar MCP

    TrendRadar MCP

    TrendRadar MCP is an AI-driven Model Context Protocol (MCP) based analysis server that exposes a suite of specialized tools for cross-platform news analysis, trend tracking, and intelligent push notifications. It integrates with TrendRadar’s multi-platform data aggregation (RSS and trending topics) and provides advanced AI-powered insights, sentiment analysis, and cross-platform correlation. The MCP server enables developers to query, analyze, and compare news across platforms using a consistent toolset, with ongoing updates that expand capabilities such as RSS querying, date parsing, and multi-date trend analysis. This documentation references the MCP module updates, tool additions, and architecture changes that enhance extensibility, cross-platform data handling, and AI-assisted reporting.

    ChainAware Behavioural Prediction MCP

    ChainAware Behavioural Prediction MCP

    The ChainAware Behavioural Prediction MCP is an MCP-based server that provides AI-powered tools to analyze wallet behaviour prediction, fraud detection, and rug pull prediction. Designed for Web3 security and DeFi analytics, it enables developers and platforms to integrate risk assessment, predictive wallet behavior insights, and rug-pull detection through MCP-compatible clients. The server exposes three specialized tools and uses Server-Sent Events (SSE) for real-time responses, helping safeguard DeFi users, monitor liquidity risks, and score wallet or contract trustworthiness. Access to production endpoints is API-key gated, reflecting a private backend architecture that supports secure, scalable risk analytics across wallets, contracts, and pools.