MCP Browser Automation

This is demo project to practice Model Context Protocol based server implemenation for automating browsing with Playwright. It interacts with a Claude Desktop client to accept user prompts and use server to control browser.

Pre-requisites

• Playwright

• Claude Desktop

• Node.js

Related MCP server: MCP Playwright CDP

Building

1. Clone the repository: git clone https://github.com/hrmeetsingh/mcp-browser-automation.git

2. Install dependencies: npm install

3. Verify the output executables are present in dist folder

Integration

1. Create a configuration file in ~/Application\ Support/Claude/claude_desktop_config.json (This is for macOS)

2. Copy the following to the file:

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

3. Start Claude Desktop

Usage

1. Open Claude Desktop

2. Start a new conversation to open a browser and navigate to a URL

Example

• Added MCP Server options

• Navigating to a URL and doing actions with playwright