Playwright

- 🌐 Full browser automation capabilities
- 📸 Screenshot capture of entire pages or specific elements
- 🖱️ Comprehensive web interaction (navigation, clicking, form filling)
- 📊 Console log monitoring
- 🔧 JavaScript execution in browser context

npx -y @smithery/cli install @automatalabs/mcp-server-playwright --client claude

You can install the package using either npx or mcp-get:

npx @automatalabs/mcp-server-playwright install

- Check your operating system compatibility (Windows/macOS)
- Create or update the Claude configuration file
- Configure the Playwright server integration

The configuration file will be automatically created/updated at:

- Windows:%APPDATA%\Claude\claude_desktop_config.json
- macOS:~/Library/Application Support/Claude/claude_desktop_config.json

npx @michaellatman/mcp-get@latest install @automatalabs/mcp-server-playwright

The installation process will automatically add the following configuration to your Claude config file:

Install Playwright browsers(if not already):

Install MCP Server Playwright for Cursorusing Smithery:

npx -y @smithery/cli install @automatalabs/mcp-server-playwright --client cursor

Configuration file setup:
If you do not use Claude, the configuration file (claude_desktop_config.json) may not be created automatically.

- On Windows, create a folder namedClaudein%APPDATA%(usuallyC:\Users\<YourName>\AppData\Roaming\Claude).
- Inside that folder, create a file namedclaude_desktop_config.jsonwith the following content:

Now, you can use all the browser automation tools provided by MCP Server Playwright directly from Cursor’s AI features, such as web navigation, screenshot capture, and JavaScript execution.

Note:Make sure you have Node.js installed andnpxavailable in your system PATH.

{ "url": "https://stealthbrowser.cloud" }

Capture screenshots of the entire page or specific elements

{ "name": "screenshot-name", // required "selector": "#element-id", // optional "fullPage": true // optional, default: false }

Click elements on the page using CSS selector

{ "selector": "#button-id" }

Click elements on the page by their text content

{ "text": "Click me" }

Hover over elements on the page using CSS selector

{ "selector": "#menu-item" }

Hover over elements on the page by their text content

{ "text": "Hover me" }

{ "selector": "#input-field", "value": "Hello World" }

Select an option in a SELECT element using CSS selector

{ "selector": "#dropdown", "value": "option-value" }

Select an option in a SELECT element by its text content

{ "text": "Choose me", "value": "option-value" }

Execute JavaScript in the browser console

{ "script": "document.title" }

- Access browser console output in text format
- Includes all console messages from the browser

- Access PNG images of captured screenshots
- Referenced by the name specified during capture

Official Playwright MCP server for browser automation, page inspection, screenshots, and web interaction from Claude, Cursor, and other AI agents.

Render website screenshots with ScreenshotOne

Attaches to existing browser sessions using the Chrome DevTools Protocol for automation and interaction.

Help your AI agent finish more browser tasks.

Automate remote browsers using the BrowserCat API.

Remote browser automation using the BrowserCat API.

Take screenshots and read console logs from web pages using Playwright.

Automate browser tasks using the Browser Use API.

A Node.js server that enables AI assistants to control the Chrome browser via WebSocket. Requires the CodingBaby Chrome Extension.