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.
<a href="https://glama.ai/mcp/servers/hokppvk1dy"><img width="380" height="200" src="https://glama.ai/mcp/servers/hokppvk1dy/badge" alt="Browser Automation Server MCP server" /></a>
Pre-requisites
- [Playwright](https://playwright.dev/)
- [Claude Desktop](https://claude.ai/download)
- [Node.js](https://nodejs.org/en/download/)
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:
- 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 