ChromeDebug MCP Assistant FREE

About

🎯 ChromeDebug MCP - AI Browser Control Made Simple

Give your AI assistant eyes into your browser. ChromeDebug connects AI assistants like Claude Code directly to Chrome, letting AI see, interact with, and debug web pages alongside you.

  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ⚡ WHAT IT DOES

  • Click any element → AI can modify it
  • Record your screen → AI sees what went wrong
  • Capture workflows → AI replays your steps
  • View console logs → AI debugs errors with you

  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  🎬 FOUR RECORDING MODES

  📹 Screen Recording
  Capture video of your browser with synchronized console logs. Perfect for bug reports.

  📋 Workflow Recording
  Record clicks, inputs, and page states. AI can replay and debug your exact steps.

  📸 Screenshot Recording (NEW)
  Click-to-capture with countdown timer. Grab dropdown menus, modals, and dynamic content.

  🎥 VIDEO Recording

  • Built-in video player with speed control
  • Export recordings as MP4 or ZIP
  • Console logs sync with playback
  • Create bug reports & tutorials in seconds

  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  🔒 PRIVACY FIRST

  ✓ 100% local - recordings stay on YOUR machine
  ✓ No cloud uploads
  ✓ No account required
  ✓ No tracking or analytics

  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  🆓 FREE VERSION INCLUDES

  • 5 recordings per day
  • All recording modes
  • Visual element selection
  • Full MCP integration
  • Frame viewer with console logs

  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  💎 UPGRADE TO PRO

  • Unlimited recordings
  • Export as ZIP or MP4 video
  • Function call tracing
  • Priority support

  Get PRO: https://chromedebug.com/checkout/buy/996773cb-682b-430f-b9e3-9ce2130bd967

  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  📚 GETTING STARTED

  1. Install extension
  2. Install MCP server: npm install -g @dynamicu/chromedebug-mcp
  3. Add to Claude Code: claude mcp add chromedebug -- chromedebug-mcp
  4. Start debugging!

  Documentation: https://www.npmjs.com/package/@dynamicu/chromedebug-mcp
  Support: https://github.com/dynamicupgrade/ChromeDebug/issues

  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  💡 EXAMPLE USE CASES

  "Show Claude what's broken"
  → Record the bug, share with AI, get a fix

  "Let AI modify the page"
  → Click element, ask Claude to style it

  "Debug that weird error"
  → AI sees your console logs in real-time

  "Document a workflow"
  → Capture step-by-step screenshots automatically

  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  Works with Claude Code CLI and any MCP-compatible AI assistant.

  Questions? https://github.com/dynamicupgrade/ChromeDebug/discussions