Runbook Ai MCP

🚀 Runbook AI MCP Server

An MCP (Model Context Protocol) server that offers browser automation capabilities through a Chrome extension, enabling terminal - based agents like Claude Code to interact with any website via your live browser session.

It is part of the Runbook AI ecosystem. Join the Discord community to provide feedback and participate in the development!

https://github.com/user-attachments/assets/a43fba64-bc40-4ef6-9840-e100203e2cf5

🚀 Quick Start

Open Chrome and keep the extension side panel open. Start the MCP server (it will automatically start when invoked by your MCP client).

✨ Features

Most browser - based MCP tools (like chrome - devtools - mcp) blow up your LLM context window by sending the entire DOM after every browser action.

Runbook AI is different:

• Optimized Context: It generates a highly simplified version of the HTML. It strips the junk but keeps essential text and interaction elements. It’s condensed, fast, and won’t eat your tokens.
• The Ultimate Catch - all: If a site doesn't have a dedicated MCP server (like Expedia, LinkedIn, or internal tools), this fills the gap perfectly.
• Privacy First: It runs entirely in your browser. No remote calls except to your chosen LLM provider. No eval() or shady scripts (enforced by the Chrome extension sandbox).
• Efficient Navigation: The simplified HTML goes beyond the viewport, making scrolling and multi - page tasks much more efficient.

📦 Installation

MCP Server

Add to your MCP settings configuration:

{
  "mcpServers": {
    "runbook-ai": {
      "command": "npx",
      "args": ["-y", "runbook-ai-mcp@latest"]
    }
  }
}

Chrome Extension

Install the Runbook AI extension from Chrome Web Store. Enable MCP in the extension settings opened from extension side panel. Set LLM API key, and model name, base URL. Use of Gemini 3 Flash (gemini - 3 - flash - preview) is recommended. Get your free API key from Google AI Studio. By default the extension has access to all websites. If you want to limit the access, go to Chrome Extension Details, and add individual sites to Site access setting.

💻 Usage Examples

Basic Usage

The server exposes a single tool:

browser-agent

Run a task in Chrome browser with AI and automation capabilities.

Parameters:

• prompt (string, required): The task prompt for the AI agent to execute

Example:

{
  "name": "browser-agent",
  "arguments": {
    "prompt": "Go to google.com and search for 'MCP protocol'"
  }
}

🔧 Technical Details

Development

# Install dependencies
npm install

# Build
npm run build

# Run in development mode
npm run dev

# Run tests
npm test

Architecture

1. MCP Server: Communicates with MCP clients via stdio
2. WebSocket Server: Listens for Chrome extension connections on port 9003
3. Chrome Extension: Executes browser automation tasks

When a tool is invoked:

1. MCP client sends request to MCP server via stdio
2. MCP server forwards request to Chrome extension via WebSocket
3. Extension executes the task and returns result
4. Result is sent back to MCP client

🤝 Contributing

Contributions are welcome! Feel free to send out a PR.