Real Browser Mcp

Your AI agent writes code all day but can't see any of it in the browser. It finishes a task, says "please verify," and you become its eyes. Switch to Chrome, log in, click around, find the bug, go back. Repeat.

Real Browser MCP fixes that. It's a Chrome extension + MCP server that connects your AI coding agent to the browser you already have open. Not a headless copy. Not a fresh Playwright instance. The one with your sessions, logins, and cookies already there.

HOW IT WORKS

1. Install this extension
2. Add the MCP server to your AI editor (Cursor, Claude Code, Windsurf, or any MCP client)
3. Your agent can now see and interact with your browser

WHAT YOUR AGENT CAN DO

- Take accessibility snapshots of any page (structured data, not screenshots)
- Click buttons, fill forms, select dropdowns
- Navigate to URLs and manage tabs
- Take screenshots for visual verification
- Read page text content
- Run JavaScript in the page
- Handle alert/confirm/prompt dialogs
- Monitor console messages and network requests
- Wait for elements to appear

WHY NOT PLAYWRIGHT MCP?

Playwright launches a blank browser. No cookies, no sessions, no logins. If your app is behind auth or corporate SSO, you have to replay the entire login flow every time. Real Browser MCP skips all that because it uses the browser you're already logged into.

USE CASES

- Verify UI changes after code edits
- Test authenticated flows without logging in again
- Fill out forms and submit them
- Debug layout issues by reading the DOM
- Check production after deploy
- Run QA steps without leaving your editor

PRIVACY

- Everything stays local. The extension talks to a localhost MCP server on your machine
- No data sent anywhere. No analytics, no tracking
- Fully open source: https://github.com/ofershap/real-browser-mcp

REQUIREMENTS

- An MCP-compatible AI editor (Cursor, Claude Code, Windsurf, Cline, etc.)
- Node.js 18+
- Run: npx real-browser-mcp to start the server