MCP Compatible

Browser errors,
meet your IDE

Stream runtime errors from your browser directly to your IDE's AI agent. Full context. Source mapping. Suggested fixes. Zero code changes.

$ npx mcp-error-hub

The problem we solve

Stop copy-pasting stack traces. Let your AI agent read errors directly.

✗ Without MCP Error Hub

  1. See error in browser
  2. Open DevTools, find the error
  3. Copy the stack trace
  4. Switch to IDE, paste into AI chat
  5. Manually describe the context
  6. AI guesses based on incomplete info
  7. Repeat until fixed

✓ With MCP Error Hub

  • Errors stream automatically to IDE
  • AI reads full context in real-time
  • Source files auto-mapped per error
  • Suggested fixes with exact file paths
  • Config debug data included
  • Ask: "Fix error #3" — get a precise answer

Features

Everything you need for real-time error debugging, nothing you don't.

Real-time Streaming

WebSocket primary + HTTP fallback. Errors reach your IDE in under 300ms. Auto-reconnect. sendBeacon on page unload.

Source-Aware Debugging

26 error types auto-mapped to source files. Each error includes relevant file paths and a plain-English suggested fix.

Full State Sync

Reads directly from your Redux store. Same source of truth as your Error Hub UI. Counts are always accurate.

AI-Optimized Prompts

Built-in "diagnose" and "fix_error" prompts. Your AI agent gets structured context, not raw JSON dumps.

Zero Code Setup

Bookmarklet connector. No source code changes. No npm packages to add to your app. One-time drag-and-drop.

Dev-Only by Design

Silent failures. Never affects production. Controlled by environment variables. File-backed store survives restarts.

How it works

MCP Error Hub Architecture

Quick Start

Three steps. Under two minutes. Zero code changes to your app.

1

Add MCP server to your IDE

Add this to your IDE's MCP config. The server starts automatically when your IDE launches.

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

Connect your browser (zero code)

Open http://localhost:3100 to see the connector dashboard. Drag the "MCP Connect" bookmarklet to your bookmarks bar (one-time). Then navigate to your app page and click the bookmarklet.

[MCP Error Hub] WebSocket connected
[MCP Error Hub] Connected! Errors will sync to your IDE in real-time.
3

Ask your AI agent

Your IDE's AI agent now has full access to your app's runtime errors.

@mcp-error-hub What errors are in the Error Hub?
@mcp-error-hub Diagnose all errors and suggest fixes
@mcp-error-hub Fix error #3
@mcp-error-hub Export debug report in markdown

Works with every MCP-compatible IDE

One server, every editor. Click to see configuration for each IDE.

Cursor .cursor/mcp.json
Create or edit .cursor/mcp.json in your project root:
{
  "mcpServers": {
    "mcp-error-hub": {
      "command": "npx",
      "args": ["-y", "mcp-error-hub@latest"]
    }
  }
}
VSCode + Copilot .vscode/mcp.json
Create or edit .vscode/mcp.json in your project root:
{
  "servers": {
    "mcp-error-hub": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "mcp-error-hub@latest"]
    }
  }
}
Claude Code Terminal
Run this command in your terminal:
claude mcp add mcp-error-hub npx -y mcp-error-hub@latest
Antigravity Settings UI
Open Settings (three dots) → MCP Servers → Add new server:
Command:   npx
Arguments: -y, mcp-error-hub@latest
Windsurf ~/.codeium/windsurf/mcp_config.json
Add to ~/.codeium/windsurf/mcp_config.json:
{
  "mcpServers": {
    "mcp-error-hub": {
      "command": "npx",
      "args": ["-y", "mcp-error-hub@latest"]
    }
  }
}
OpenCode ~/.config/opencode/opencode.json
Add to ~/.config/opencode/opencode.json under the "mcp" key:
{
  "mcp": {
    "mcp-error-hub": {
      "type": "local",
      "command": ["npx", "-y", "mcp-error-hub@latest"],
      "enabled": true
    }
  }
}

Roadmap

Q2 2026

Foundation

  • Real-time streaming (WebSocket + HTTP)
  • 26 error types with source file mapping
  • Zero-code bookmarklet connector
  • Multi-IDE support (6 editors)
  • File-backed persistent store
  • AI-optimized prompts
Q3 2026

Intelligence

  • Console log collection (console.error, console.warn)
  • Auto-fix code patch generation
  • Error pattern detection and alerts
  • Natural language error search
  • Sentry / Datadog integration
Q4 2026

Collaboration

  • Team error dashboard
  • Slack / Teams notifications
  • Custom error type plugins
  • Error trend analytics
Q1 2027

Platform

  • Remote hosted MCP server (OAuth 2.0)
  • Error replay with state snapshots
  • Framework adapters (Zustand, MobX, Pinia)
  • VS Marketplace / JetBrains plugin