MCP Browser Automation Server

🚀 Demo Project: Implementation of Browser Automation Server Based on MCP Protocol

This is a demo project that implements a Model Context Protocol (MCP) server using Playwright. It demonstrates how to accept user prompts via the Claude Desktop client and use the server to control browser automation operations.

🚀 Quick Start

✨ Prerequisites

• Playwright
• Claude Desktop
• Node.js

📦 Installation

1. Clone the repository: git clone https://github.com/hrmeetsingh/mcp-browser-automation.git
2. Install dependencies: npm install
3. Verify that the output executable file exists in the dist folder.

💻 Integration Steps

1. Create a configuration file at ~/Application\ 支持/Claude/claude_desktop_config.json (for macOS).
2. Copy the following content into the file:

{
  "mcpServers": {
    "mcp-browser-automation": {
      "command": "node",
      "args": ["/path/to/mcp-browser-automation/dist/index.js"]
    }
  }
}

3. Start Claude Desktop.

💻 Usage Examples

Basic Usage

1. Open Claude Desktop.
2. Start a new conversation to open the browser and navigate to the specified URL.

Example Operations

• Add MCP server options

• Navigate to a URL and perform operations using Playwright