Back to MCP Catalog

Playwright Browser Automation MCP Server

Browser AutomationTypeScript
Browser automation capabilities using Playwright
Available Tools

browser_navigate

Navigate to any URL in the browser

url

browser_screenshot

Capture screenshots of the entire page or specific elements

nameselectorfullPage

browser_click

Click elements on the page using CSS selector

selector

browser_click_text

Click elements on the page by their text content

text

browser_hover

Hover over elements on the page

selector

browser_type

Type text into input fields

selectortext

browser_get_text

Extract text content from elements

selector

browser_get_html

Get the HTML content of the page or specific elements

selector

browser_execute_javascript

Execute JavaScript code in the browser context

code

browser_get_console_logs

Retrieve console logs from the browser

Playwright Browser Automation is a powerful Model Context Protocol server that enables LLMs to interact with web pages in a real browser environment. It provides comprehensive browser automation capabilities including navigation, element interaction, screenshot capture, and JavaScript execution, allowing AI assistants to perform complex web tasks and gather visual information from websites.

Overview

Playwright Browser Automation provides a complete set of browser automation capabilities for AI assistants. This MCP server allows language models to navigate websites, interact with web elements, capture screenshots, and execute JavaScript in a real browser environment.

Installation

Using Smithery (Recommended)

The easiest way to install Playwright Browser Automation is via Smithery:

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

This command will automatically:

  1. Check your operating system compatibility
  2. Create or update the Claude configuration file
  3. Configure the Playwright server integration

Manual Installation

You can also install the package manually using npx:

npx @automatalabs/mcp-server-playwright install

Or using mcp-get:

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

The installation process will automatically add the necessary configuration to your Claude config file, which is located at:

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

Configuration

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

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

Usage

Once installed, the AI assistant can use the Playwright Browser Automation tools to perform various web-based tasks. The assistant can navigate to websites, interact with elements, take screenshots, and execute JavaScript code.

For example, to navigate to a website and take a screenshot:

  1. The assistant will use the browser_navigate tool to go to a specific URL
  2. Then use the browser_screenshot tool to capture the page

Docker Support

For advanced users, the repository includes a Dockerfile for containerized deployment.

Troubleshooting

If you encounter issues with the installation:

  1. Ensure you have Node.js installed on your system
  2. Check that the Claude configuration file exists and has the correct permissions
  3. Verify that the installation process completed successfully by checking for any error messages

For additional help, refer to the GitHub repository or open an issue there.

Related MCPs

Playwright Browser Automation
Browser AutomationPython

Automate browser interactions with Playwright

Playwright Browser Automation
Browser AutomationJavaScript

Automate browser interactions, take screenshots, and scrape web content

Puppeteer Browser Automation
Browser AutomationTypeScript

Browser automation tool that enables web interaction, screenshots, and JavaScript execution

About Model Context Protocol

Model Context Protocol (MCP) allows AI models to access external tools and services, extending their capabilities beyond their training data.

Generate Cursor Documentation

Save time on coding by generating custom documentation and prompts for Cursor IDE.