Web & SearchMCP Registryremote17 toolsC · 40

playwright-mcp-server

com.thenextgennexus · Updated 6mo ago

Headless browser primitives for AI agents when sites need real JS rendering.

At a glance

playwright-mcp-server is an MCP server in the Web & Search category. It is hosted remotely and connects over HTTP, and needs Authorization. It exposes 17 tools, including navigate, screenshot and click. It scores C (40/100) on the MCP Skills Hub health score as of Oct 28, 2026.

Source

One-click install

VS Code VS Code Insiders Cursor

Opens your editor and pre-fills the config. Your editor will ask before adding it.

How to install playwright-mcp-server in your AI client

Setup for Claude Code, Claude Desktop, Cursor, Codex, Windsurf, Cline and VS Code — copy-paste ready.

How to install playwright-mcp-server in Claude CodeAnthropic's agentic CLI

Add the server

bash

claude mcp add --transport http playwright-mcp-server https://nexgendata-mcp-proxy.steve-corbeil.workers.dev/playwright-mcp-server/mcp --header 'Authorization: Bearer <YOUR_TOKEN>'

Fill in your credentials
Replace Bearer <YOUR_TOKEN> with your real value. Keep secrets out of any config file you commit.
3
Verify it's connected
bash
```
claude mcp list
```
Sharing it with your team?
Add `--scope project` to write it to .mcp.json in the repository root, which you can commit (with the secrets left as environment variables).
Use it in a session
Ask Claude to use the tools this server exposes (e.g. navigate, screenshot, click). It discovers them automatically.

How to install playwright-mcp-server in Claude DesktopDesktop app (MCP config)

Open your MCP config
macOS: ~/Library/Application Support/Claude/claude_desktop_config.json · Windows: %APPDATA%\Claude\claude_desktop_config.json

Add this server

json

{
  "mcpServers": {
    "playwright-mcp-server": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://nexgendata-mcp-proxy.steve-corbeil.workers.dev/playwright-mcp-server/mcp",
        "--header",
        "Authorization:${AUTH_HEADER}"
      ],
      "env": {
        "AUTH_HEADER": "Bearer <YOUR_TOKEN>"
      }
    }
  }
}

Fill in your credentials
Replace Bearer <YOUR_TOKEN> with your real value. Keep secrets out of any config file you commit.
Why the wrapper?
This is a remote (HTTP) server and Claude Desktop only launches local processes, so mcp-remote proxies the connection. It will open a browser window if the server needs OAuth.
Restart Claude Desktop
The tools appear under the 🔌 menu once the app reloads.

How to install playwright-mcp-server in CursorAI-first code editor

Create / edit .cursor/mcp.json in your project

json

{
  "mcpServers": {
    "playwright-mcp-server": {
      "url": "https://nexgendata-mcp-proxy.steve-corbeil.workers.dev/playwright-mcp-server/mcp",
      "headers": {
        "Authorization": "Bearer <YOUR_TOKEN>"
      }
    }
  }
}

Fill in your credentials
Replace Bearer <YOUR_TOKEN> with your real value. Keep secrets out of any config file you commit.
Enable it
Cursor Settings → MCP → toggle the server on. Tools become available to the Composer/Agent.

How to install playwright-mcp-server in Codex CLIOpenAI coding agent

Add to ~/.codex/config.toml

toml

[mcp_servers.playwright-mcp-server]
command = "npx"
args = ["-y", "mcp-remote", "https://nexgendata-mcp-proxy.steve-corbeil.workers.dev/playwright-mcp-server/mcp", "--header", "Authorization:${AUTH_HEADER}"]
env = { AUTH_HEADER = "Bearer <YOUR_TOKEN>" }

Fill in your credentials
Replace Bearer <YOUR_TOKEN> with your real value. Keep secrets out of any config file you commit.
Why the wrapper?
Codex runs MCP servers as local processes, so mcp-remote bridges this HTTP endpoint to stdio.
Run Codex
Codex loads MCP servers from config.toml on startup and exposes their tools to the agent.

How to install playwright-mcp-server in WindsurfCodeium's agentic IDE

Edit ~/.codeium/windsurf/mcp_config.json

json

{
  "mcpServers": {
    "playwright-mcp-server": {
      "serverUrl": "https://nexgendata-mcp-proxy.steve-corbeil.workers.dev/playwright-mcp-server/mcp",
      "headers": {
        "Authorization": "Bearer <YOUR_TOKEN>"
      }
    }
  }
}

Fill in your credentials
Replace Bearer <YOUR_TOKEN> with your real value. Keep secrets out of any config file you commit.
Reload
Windsurf → Cascade → refresh MCP servers. Cascade can now call the tools.

How to install playwright-mcp-server in ClineVS Code autonomous agent

Open Cline → MCP Servers → Configure
Adds to cline_mcp_settings.json.

Add the server

json

{
  "mcpServers": {
    "playwright-mcp-server": {
      "type": "streamableHttp",
      "url": "https://nexgendata-mcp-proxy.steve-corbeil.workers.dev/playwright-mcp-server/mcp",
      "headers": {
        "Authorization": "Bearer <YOUR_TOKEN>"
      }
    }
  }
}

Fill in your credentials
Replace Bearer <YOUR_TOKEN> with your real value. Keep secrets out of any config file you commit.

How to install playwright-mcp-server in VS CodeCopilot / MCP support

Create .vscode/mcp.json

json

{
  "servers": {
    "playwright-mcp-server": {
      "type": "http",
      "url": "https://nexgendata-mcp-proxy.steve-corbeil.workers.dev/playwright-mcp-server/mcp",
      "headers": {
        "Authorization": "Bearer <YOUR_TOKEN>"
      }
    }
  }
}

Fill in your credentials
Replace Bearer <YOUR_TOKEN> with your real value. Keep secrets out of any config file you commit.
Start it
VS Code shows a ▶ Start action above the server entry. Agent mode (Copilot Chat) can then use the tools.

What does playwright-mcp-server need from you?

Bearer token — Apify API token. Free tier at console.apify.com

AuthorizationrequiredsecretHTTP header
Apify API token. Free tier at console.apify.com

What tools does playwright-mcp-server expose? (17)

Read from the live server. Click any tool for its input schema.

navigateNavigate the browser to a URL. Returns the final URL and page title.
screenshotTake a PNG screenshot of the current page (or a specific element). Returns base64 PNG.
clickClick an element matched by CSS selector or visible text.
type_textType text into an input/textarea. Optionally clear first or press Enter after.
get_textExtract visible text from the page or a specific element.
get_htmlReturn the HTML of the page or a specific element.
evaluateEvaluate JavaScript in the page context. Use `return` for values or an expression.
select_optionChoose an option from a <select> element by value or visible label.
scrollScroll the page (or an element) in the given direction by `amount` pixels.
wait_forWait until a selector reaches a given state (visible|hidden|attached|detached).
get_linksCollect all anchor hrefs, optionally filtered by regex.
extract_tableExtract a standard HTML table as a list of row objects keyed by header.
page_pdfRender the current page as PDF (headless only). Returns base64 PDF.
fill_formFill multiple form fields from a list of {selector, value} and optionally submit.
get_cookiesReturn all cookies for the current browser context.
set_cookiesSet cookies for the current browser context.
close_browserClose the underlying browser, freeing resources.

What the code can do

This is a remote server — nothing is installed or run on your machine, so there is no local code to analyze. What it can reach is described above: your requests go to the provider's host.

Before you install

Signals gathered from the source repo and package registry — not a safety verdict.

What it can reach

Third-party hosted service — Your requests and any data in them are sent to nexgendata-mcp-proxy.steve-corbeil.workers.dev.
No local execution — Nothing is installed or run on your machine.

No source repository — This registry entry does not link to a public repo, so its code cannot be reviewed before you install it.

Client compatibility

Claude Code: NativeClaude Desktop: Via mcp-remoteCursor: NativeCodex CLI: Via mcp-remoteWindsurf: NativeCline: NativeVS Code: Native

Health score

C · 40

Maintenance, adoption, transparency and packaging — not a safety audit. How this is calculated

Maintenance30%not measurable
No commit history available.
Adoption20%not measurable
No usage data available.
Transparency20%25%
1/4: ✗ public source repo, ✗ declared license, ✗ documentation, ✓ discoverable tool list.
Provenance15%0%
No source repository to trace the code back to.
Packaging15%100%
Remote endpoint with documented authentication.

Alternatives to playwright-mcp-server

Maintain playwright-mcp-server? Add a badge to your README

Shows its health grade, and links readers to install steps for every client.

markdown

[![playwright-mcp-server on MCP Skills Hub](https://mcp-skills-hub.vercel.app/badge/com-thenextgennexus-playwright-mcp-server)](https://mcp-skills-hub.vercel.app/mcps/com-thenextgennexus-playwright-mcp-server)

Catalog data refreshed Oct 28, 2026. Something wrong? Report it.