Fire It Up
Gasoline is an open-source browser extension + MCP server that streams real-time browser telemetry (console logs, network errors, exceptions, WebSocket events) to AI coding assistants like Claude Code, Cursor, Windsurf, and Zed. One command to install. Zero dependencies.
1. Install Everything
Section titled “1. Install Everything”One command downloads the binary, stages the extension, and auto-configures all detected AI tools:
macOS / Linux:
curl -sSL https://raw.githubusercontent.com/brennhill/gasoline-agentic-browser-devtools-mcp/STABLE/scripts/install.sh | bashWindows (PowerShell):
irm https://raw.githubusercontent.com/brennhill/gasoline-agentic-browser-devtools-mcp/STABLE/scripts/install.ps1 | iexThis automatically:
- Downloads the latest stable binary to
~/.gasoline/bin/ - Verifies SHA-256 checksum
- Extracts the Chrome extension to
~/GasolineAgenticDevtoolExtension/ - Auto-configures all detected MCP clients (Claude Code, Cursor, Windsurf, Zed, Gemini CLI, OpenCode, Antigravity, Claude Desktop, VS Code)
2. Load the Chrome Extension
Section titled “2. Load the Chrome Extension”This is the one step that requires human interaction — Chrome doesn’t allow programmatic extension installation.
- Open
chrome://extensions - Enable Developer mode (top right toggle)
- Click Load unpacked
- Select the folder:
~/GasolineAgenticDevtoolExtension
You’ll see the Gasoline icon in your toolbar. It will show “Not Connected” until you complete step 3.
3. Verify It Works
Section titled “3. Verify It Works”Restart your AI tool (quit and reopen Claude Code, Cursor, etc.) to activate the MCP server.
Open your web app in Chrome. Trigger a test error:
console.error("Gasoline test — is the fire lit?")Ask your AI: “What browser errors do you see?”
The extension icon should now show Connected (green indicator).
You can also verify with the built-in doctor command:
~/.gasoline/bin/gasoline-agentic-browser --doctorWhat tools does Gasoline give my AI?
Section titled “What tools does Gasoline give my AI?”Your AI now has 5 tools covering the full debugging lifecycle:
| Tool | What it does |
|---|---|
observe | Browser state — errors, logs, network, WebSocket, actions, Web Vitals, page info, recordings |
analyze | Active analysis — DOM queries, accessibility audits, security audits, performance, link health, visual annotations |
generate | Artifacts — Playwright tests, reproduction scripts, PR summaries, SARIF, HAR, CSP, SRI, test healing |
configure | Session — noise filtering, persistent storage, recording, streaming, health |
interact | Browser control — navigate, click, type, execute JS, upload, draw mode, state management |
Each tool has sub-modes. For example, observe with what: "errors" returns console errors, while what: "websocket_status" returns active WebSocket connections.
See MCP Integration for full tool documentation.
Alternative Install Methods
Section titled “Alternative Install Methods”npm (if you prefer Node.js):
npm install -g gasoline-agentic-browser && gasoline-agentic-browser --installFrom source (for development):
git clone https://github.com/brennhill/gasoline-agentic-browser-devtools-mcp.gitcd gasoline-agentic-browser-devtools-mcpgo run ./cmd/dev-consoleRequires Go 1.24+.
Next Steps
Section titled “Next Steps”- MCP Integration — setup for your specific tool
- All capabilities — everything Gasoline captures