MCP Console Hub — Your Browser DevTools, Streamed to Your IDE

Everything your DevTools sees, your AI reads

One bookmarklet captures data from every DevTools tab — console, network, application, performance, and Redux state.

console.error / warn

With full stack traces, parsed into file + line + function

console.log / info / debug

All console output with timestamps

Unhandled Errors

window.onerror + unhandledrejection with file location

Network Requests

All fetch/XHR: method, URL, status, duration, headers, body

Network Errors

4xx, 5xx, CORS failures, timeouts with details

localStorage

All key-value pairs with JSON auto-parse

sessionStorage + Cookies

Session data, cookies with domain + path, IndexedDB names

Performance Timing

TTFB, DOM loaded, load complete, DNS, connect time

Resource Loading

JS, CSS, images, fonts — duration + size for each

Redux State

Full store state, slice keys, deep key path access, search

Quick Start

Three steps. Under two minutes. Zero code changes.

1

Add MCP server to your IDE

Works with Cursor, VSCode, Claude Code, Antigravity, Windsurf, OpenCode.

// .cursor/mcp.json or equivalent
{
  "mcpServers": {
    "mcp-console-hub": {
      "command": "npx",
      "args": ["-y", "mcp-console-hub@latest"]
    }
  }
}

2

Connect your browser (zero code)

Open http://localhost:3200 — drag the bookmarklet to your bookmarks bar. Navigate to any web app, click it.

[MCP Console Hub] WebSocket connected
[MCP Console Hub] Connected! Console, network, storage, performance, and Redux data streaming to IDE.

3

Ask your AI agent

@mcp-console-hub Diagnose all errors and suggest fixes
@mcp-console-hub Show all failed network requests
@mcp-console-hub Read localStorage and explain the app state
@mcp-console-hub Audit page performance — what's slow?
@mcp-console-hub Show me the Redux state for the auth slice

AI Prompts

Pre-built workflows that give your AI agent the right context for each task.

/diagnose

Full analysis of errors, network failures, and performance issues with prioritized fixes

/fix_by_priority

Ordered fix list: Critical (crashes) > High (bugs) > Medium (warnings)

/suggest_solution

Concrete code fix for the latest error with before/after diff

/debug_network

Analyze failures, CORS issues, auth errors, slow endpoints

/read_app_state

Decode localStorage, cookies, sessionStorage — understand app state

/performance_audit

Page load audit: TTFB, slow resources, memory, optimization tips

/inspect_redux

Deep Redux state analysis: auth, feature flags, cache, error states

/fix_entry

Step-by-step guidance to fix a specific console error

Works with every MCP-compatible IDE

Cursor

VSCode

Claude Code

Antigravity

Windsurf

OpenCode

Your browser DevTools,streamed to your IDE