MCP Server Playwright logo

MCP Server Playwright

by automatalabs

Automates browser navigation, interaction, screenshots, console access, and JavaScript execution through MCP.

Install MCP Server Playwright

Pick your client, then add it in one click or paste the config.

STDIONode.js
~/Library/Application Support/Claude/claude_desktop_config.json
claude_desktop_config.json
{
  "mcpServers": {
    "automatalabs-mcp-server-playwright": {
      "command": "npx",
      "args": [
        "-y",
        "@automatalabs/mcp-server-playwright"
      ]
    }
  }
}

Settings → Developer → Edit Config, merge this into mcpServers, then fully quit and reopen Claude Desktop.

Automated check passed— started and listed 10 tools correctly (26d ago).

Overview

The automatalabs/mcp-server-playwright MCP server exposes Playwright browser controls to MCP-compatible clients. Agents can navigate to URLs, inspect pages through screenshots and console logs, interact with elements using selectors or text, fill forms, and run JavaScript in the browser context. Install it locally with npx and configure it for Claude Desktop or Cursor. Reach for it when an agent needs to perform or observe browser-based workflows rather than only retrieve web content.

Use cases

  • Navigate websites for agent-driven workflows
  • Capture full-page or element screenshots
  • Fill forms and select dropdown options
  • Inspect browser console output
  • Execute JavaScript in a browser page

Key features

  • URL navigation
  • CSS selector and text-based interactions
  • Full-page and element screenshots
  • Form filling and SELECT controls
  • Browser-context JavaScript execution
  • Console log and screenshot resources

Tools10

What MCP Server Playwright lets your agent do. Expand a tool for its parameters.

Verified live~562 tokens of context

Security & health

What it can reach and how reliably it runs — from our own checks, not the maintainer’s claims.

ActiveLast checked 1d ago

Recent health check succeeded.

9/9 checks healthy over the last 78d

Supply-chain signal

No high-severity advisories surfaced by our automated scan.

Critical 0High 0Medium 0Low 0

Scanned 14d ago via OSV.dev · @automatalabs/mcp-server-playwright (npm)

Adoption & maintenance

Factual signals from GitHub, npm, and our automated checks — not a rating.

GitHub stars297Stargazers on the source repository.
npm downloads1.4kPackage downloads in the last 30 days.
Last commit1y agoMost recent push to the default branch.
Availability100%Our rolling endpoint + install checks that succeeded.
Install checkPassedOur sandbox started it and listed its tools.
Tools exposed10Callable tools this server registers over MCP.
Directory activity3 viewsConfig copies, upvotes, and views on AllMCPs.

How MCP Server Playwright works

What automatalabs/mcp-server-playwright MCP server does

The automatalabs/mcp-server-playwright MCP server gives an MCP client access to browser automation through Playwright. It supports opening URLs, taking screenshots, clicking controls, hovering over page elements, entering form values, choosing options in HTML SELECT elements, and evaluating JavaScript in the browser.

Interaction tools accept either CSS selectors or visible text for several operations. This lets an agent target a known element such as #submit-button, or use text such as a button label when a selector is not available. Screenshots can cover the entire page or a selected element and are exposed through a screenshot resource after capture.

The server also provides browser console output through the console://logs resource. That can help an agent inspect messages produced while a page is running.

How it works

The package runs as an MCP server over a local stdio configuration. An MCP client starts the package with npx, and the server exposes Playwright actions as named tools. Browser operations are performed in a real browser environment, while results such as captured images and console output are made available through MCP resources.

Available tools include browser_navigate, browser_screenshot, browser_click, browser_click_text, browser_hover, browser_hover_text, browser_fill, browser_select, browser_select_text, and browser_evaluate. Screenshot resources use the name supplied when the screenshot is created.

Setup and configuration

The automatalabs/mcp-server-playwright MCP server requires Node.js with npx available on the system PATH. The documented client configuration starts the package with npx -y @automatalabs/mcp-server-playwright.

For Claude Desktop, the package installation flow can create or update the client configuration on Windows and macOS. The resulting MCP entry uses npx as the command and passes -y plus the npm package name as arguments. Cursor is also documented as a supported client. Its setup includes installing Playwright browsers with npx playwright install before adding the MCP server configuration.

The repository also documents installation through Smithery and mcp-get, but those are setup methods rather than the server process itself.

Tools and capabilities

  • Navigate to any URL with browser_navigate.
  • Capture a full-page or element screenshot with browser_screenshot.
  • Click or hover using CSS selectors or text content.
  • Fill input fields and select HTML SELECT options.
  • Run JavaScript through browser_evaluate.
  • Read browser console messages from console://logs.
  • Retrieve PNG screenshots through screenshot://<n> using the capture name.

Limitations and notes

Those capabilities should not be assumed from this listing.

Selectors and text targets must identify the intended page elements. JavaScript passed to browser_evaluate runs in the browser context, so its behavior depends on the current page and its loaded state. The project is licensed under MIT.

Reviews

No reviews yet — be the first to share how it worked for you.

Frequently Asked Questions about MCP Server Playwright

Run `npx -y @automatalabs/mcp-server-playwright` from an MCP client configuration.

Yes. The documented configuration starts the package with `npx`, and the installation flow can create or update Claude Desktop configuration on Windows and macOS.

Yes.

Yes. It provides a screenshot tool with full-page or element capture, plus `screenshot://` and `console://logs` resources.

Related MCP servers

Add a badge to your READMEShow it’s listed — live SVG, Markdown or HTML.

AllMCPs Directory Badge

Full Badge Customizer

Showcase your server listing on GitHub or your project documentation. Embed this dynamic SVG badge to highlight official listing status and live engagement.

Badge Style:
Live Dynamic SVG PreviewMCP Server Playwright AllMCPs Directory Badge
Markdown (GitHub README)
[![AllMCPs](https://allmcps.com/api/badge/automatalabs-mcp-server-playwright?style=directory)](https://allmcps.com/mcp/automatalabs-mcp-server-playwright)
HTML Embed
<a href="https://allmcps.com/mcp/automatalabs-mcp-server-playwright"><img src="https://allmcps.com/api/badge/automatalabs-mcp-server-playwright?style=directory" alt="MCP Server Playwright on AllMCPs" /></a>