MCP Server Playwright Hdj

🚀 MCP Server Playwright

MCP Server Playwright provides full - browser automation capabilities, enabling seamless web interactions and monitoring.

🚀 Quick Start

To quickly start using MCP Server Playwright, you need to complete the installation and configuration steps, which are detailed in the following sections.

✨ Features

• 🌐 Full - browser automation capabilities
• 📸 Capture screenshots of pages or specific elements
• 🖱️ Comprehensive web interactions (navigation, clicking, form filling)
• 📊 Monitor console logs
• 🔧 Execute JavaScript in the browser context

📦 Installation

Install via Smithery

Automatically install MCP Server Playwright for Claude Desktop using Smithery:

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

You can install it via npx or mcp - get:

Using npx:

npx @automatalabs/mcp-server-playwright install

This command will:

• 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 as follows:

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

Using mcp - get:

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

📚 Documentation

Configuration

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

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

Tools

browser_navigate

Navigate to an arbitrary URL

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

browser_screenshot

Capture a screenshot of the page or a specific element

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

browser_click

Click an element on the page using a CSS selector

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

browser_click_text

Click an element on the page by its text content

{
  "text": "Click me"
}

browser_hover

Hover over an element on the page (using a CSS selector)

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

browser_hover_text

Hover over an element on the page by its text content

{
  "text": "Hover me"
}

browser_fill

Fill in a form field

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

browser_select

Select an option in a SELECT element (using a CSS selector)

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

browser_select_text

Select an option in a SELECT element by its text content

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

browser_evaluate

Execute JavaScript in the browser console

{
  "script": "document.title"
}

Resources

Console Logs (console://logs)

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

Screenshots (screenshot://)

• Access captured screenshots in PNG format
• Refer to them by the name specified at the time of capture

📄 License

No specific license information is provided in the original text. If there is relevant information, it should be added here.