Debug Buddy
Claude-Powered Chrome Extension for Real-Time Debugging
What It Is
A Chrome extension that watches the browser console in real time — console.error, console.warn, uncaught exceptions, and network failures — and uses Claude to explain each error and propose a code fix, shown in a side panel so it never blocks your work. Local-first and privacy-respecting: no backend, your Anthropic API key stays in Chrome sync storage, and it only monitors a domain whitelist you control.
Most AI debugging assistants are cloud services that ship your console errors — and often your code — to a backend. Debug Buddy keeps the loop local: the only network call is straight to the Anthropic API with your own key, so you get AI-assisted fixes without handing a third party your stack traces.
What I Built
- Manifest V3 Chrome extension with a side-panel UI (Chrome 114+) that captures console.error / console.warn, uncaught exceptions, and network failures in real time
- Claude-powered analysis that turns each captured error into a plain explanation plus a copy-to-clipboard code fix
- Domain whitelist (localhost, staging, wildcard patterns) so monitoring is scoped to the sites you choose
- Local-first, zero-backend design — API key in Chrome sync storage, with smart rate limiting (1 req/sec) to avoid API spam
Tech Stack
Working open-source developer tool — load-unpacked install, bring-your-own Anthropic key, no backend. github.com/mechramc/debug-buddy-claude.