Playwright MCPvf.sr

listing.by · home.legend.verified

Automate a real browser through Playwright accessibility snapshots instead of screenshots.

state.local.long (state.local.title)listing.badge.runs_with

listing.install

listing.local.explain

npx -y @playwright/mcp

listing.local.needs listing.local.note

act.add_to a11y.new_tabact.add_to a11y.new_tab

listing.share.h

listing.share.p_local

mcp.tc/i/playwright

listing.about

Connects an MCP client to Playwright so an assistant can drive a browser and interact with web pages. It works from structured accessibility snapshots of the page, so no screenshots or vision models are needed.

Runs locally over stdio with npx @playwright/mcp@latest and requires Node.js 18 or newer. No account or API key is needed. It works with VS Code, Cursor, Windsurf, Claude Desktop, Claude Code, Codex, Gemini CLI, Goose and other MCP clients.

listing.can

  • Drive a browser through structured accessibility snapshots
  • Interact with web pages without vision models
  • Keep persistent browser state across steps
  • Support exploratory automation and self-healing tests
  • Install in many MCP clients with one npx command

listing.tools

listing.notools.local

listing.prompts

  • Open example.com and tell me what links are on the page

  • Fill out the signup form on my local dev site and submit it

  • Walk through the checkout flow and report any errors you see

  • Explore this web app and list the main pages and actions

listing.setup.h

listing.setup.local

Claude Code

  1. Run this in a terminal, in your project folder:
claude mcp add --transport stdio playwright -- npx -y @playwright/mcp
  1. Start Claude Code and type /mcp. playwright should show as connected.

Add --scope user to make it available in every project.

Claude Desktop

  1. Open Settings → Developer → Edit Config. It opens claude_desktop_config.json. Add:
claude_desktop_config.json
{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": [
        "-y",
        "@playwright/mcp"
      ]
    }
  }
}
  1. Save the file and restart Claude Desktop.

Needs Node.js on your computer. The file lives in ~/Library/Application Support/Claude/ on macOS and %APPDATA%\Claude\ on Windows.

Cursor

Add to Cursor a11y.new_tab

Or add it by hand to ~/.cursor/mcp.json (all projects) or .cursor/mcp.json (this project):

mcp.json
{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": [
        "-y",
        "@playwright/mcp"
      ]
    }
  }
}

Needs Node.js on your computer.

VS Code

Install in VS Code a11y.new_tab

Or from a terminal:

code --add-mcp '{"name":"playwright","type":"stdio","command":"npx","args":["-y","@playwright/mcp"]}'

Or commit it to the repo in .vscode/mcp.json:

.vscode/mcp.json
{
  "servers": {
    "playwright": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@playwright/mcp"
      ]
    }
  }
}

Needs Node.js on your computer.

Devin Desktop

  1. Add it to ~/.config/devin/mcp_config.json (macOS and Linux) or %APPDATA%\devin\mcp_config.json (Windows):
mcp_config.json
{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": [
        "-y",
        "@playwright/mcp"
      ]
    }
  }
}
  1. Refresh the MCP server list in Cascade.

Devin Desktop is the new name for Windsurf.

Codex

codex mcp add playwright -- npx -y @playwright/mcp

Or edit ~/.codex/config.toml directly:

config.toml
[mcp_servers.playwright]
command = "npx"
args = ["-y", "@playwright/mcp"]

Needs Node.js on your computer.

Gemini CLI

gemini mcp add playwright npx -- -y @playwright/mcp

This adds it to the current project. Add -s user to use it everywhere.

Any client

Most clients that start local servers accept this shape:

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

Zed puts servers under context_servers in its settings, with the same command, args and env fields.

Needs Node.js on your computer.

listing.faq

Can I paste mcp.tc/i/playwright into my MCP client?

No. Playwright MCP runs on your own computer, started by your client, so it has no web address to connect to. The quick link is the page to share; the install command is npx -y @playwright/mcp.

Does Playwright MCP need an API key?

No. It doesn't declare any keys or environment variables. It runs with your user account's permissions, so check what its tools can reach.

Is Playwright MCP a remote or a local server?

Local. Your client starts it as a process on your computer with npx -y @playwright/mcp, which needs Node.js.

What can Playwright MCP do?

You can drive a browser through structured accessibility snapshots, interact with web pages without vision models and keep persistent browser state across steps.

Which clients can use it?

Any client that starts local servers: Claude Code, Claude Desktop, Cursor, VS Code, Devin Desktop, Codex, Gemini CLI, Zed and others. claude.ai and ChatGPT only connect to remote servers.

Who wrote this page?

mcp.tc's robot read Playwright MCP's public metadata (its package and repository pages), and an AI model drafted the text from it. A person reviews anything the checks can't confirm. The text can still be wrong, so if you spot a mistake, use Report this listing on this page.

listing.em.h

listing.em.lead_local listing.em.how

listing.em.badge

em.prev_lightem.prev_dark
Markdown
[![Playwright MCP on mcp.tc](https://mcp.tc/i/playwright/badge.svg)](https://mcp.tc/i/playwright)
HTML
<a href="https://mcp.tc/i/playwright"><img src="https://mcp.tc/i/playwright/badge.svg" alt="Playwright MCP on mcp.tc" height="20"></a>

listing.em.badge_note

listing.em.widget

HTML
<script src="https://mcp.tc/w/playwright.js" async></script>

listing.em.widget_note

iframe

HTML
<iframe src="https://mcp.tc/embed/playwright" title="Playwright MCP on mcp.tc" width="420" height="200" loading="lazy" allow="clipboard-write" style="border:0;border-radius:8px;max-width:100%"></iframe>

listing.em.iframe_note

JSON

listing.em.json_local

https://mcp.tc/i/playwright.json

listing.em.fields

listing.related

listing.more_in

  • Azurevf.sr

    Microsoft

    state.local.label (state.local.title)

    Manage Azure resources such as Storage, Cosmos DB, Key Vault, AKS and Monitor from your AI assistant.

    mcp.tc/i/azure

  • Power BI Modelingvf.sr

    Microsoft

    state.local.label (state.local.title)

    Create and change Power BI semantic models: tables, measures, relationships and DAX, from models open in Power BI Desktop or PBIP files.

    mcp.tc/i/powerbi-modeling

  • Azure DevOpsvf.sr

    Microsoft

    state.local.label (state.local.title)

    Work with Azure DevOps work items, repos, pull requests, pipelines, wikis and test plans from your AI assistant.

    mcp.tc/i/azure-devops

  • Microsoft Clarityvf.sr

    Microsoft

    state.local.label (state.local.title)

    Query Clarity traffic and behavior metrics, list session recordings and search Clarity documentation in plain language.

    mcp.tc/i/clarity

  • Microsoft Fabricvf.sr

    Microsoft

    state.local.label (state.local.title)

    Give AI agents Microsoft Fabric API specs, item schemas and best practices, plus OneLake file and Data Factory tools.

    mcp.tc/i/microsoft-fabric

  • MarkItDownvf.sr

    Microsoft

    state.local.label (state.local.title)

    Convert PDF, Office documents, HTML, images and other files or URLs to Markdown for use in LLM context.

    mcp.tc/i/markitdown

listing.disclaimer_checked