MCP Browser Automation

View original on GitHub

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

Building

Clone the repository: git clone https://github.com/hrmeetsingh/mcp-browser-automation.git
Install dependencies: npm install
Verify the output executables are present in dist folder

Integration

Create a configuration file in ~/Application\ Support/Claude/claude_desktop_config.json (This is for macOS)
Copy the following to the file:


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

Start Claude Desktop

Usage

Open Claude Desktop
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