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:

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