Auto Browser

AI-driven browser automation using Claude Code and Chrome DevTools Protocol via MCP.

Setup

1. Start Chrome with remote debugging:

./start-browser.sh

2. Use Claude Code MCP tools to automate browser interactions

claude

How to Use

Control the browser through Claude Code using natural language:

• "Go to github.com" - Navigate to websites
• "Click the login button" - Interact with elements (requires snapshot first)
• "Fill the search box with 'hello'" - Fill form inputs
• "Take a screenshot" - Capture page visually

All interactions use MCP tools prefixed with mcp__chrome-devtools__.

How It Works

• Chrome runs with remote debugging on port 9222
• chrome-devtools-mcp server connects to Chrome via DevTools Protocol
• Claude Code uses MCP tools to control the browser (navigate, click, fill forms, etc.)

Configuration

• .mcp.json - MCP server configuration
• .claude/settings.local.json - Claude Code settings with pre-approved tools