Frontend Debug

About

Frontend Debug enables autonomous, evidence-based debugging of web applications by combining direct browser interaction with a structured six-phase workflow. It leverages Chrome DevTools MCP to capture screenshots, console logs, and network activity to identify the root cause of visual bugs, interaction failures, and performance regressions. With built-in GitHub integration for issue tracking and a mandatory empirical verification process, it ensures that fixes are not just written but validated in a real-world browser environment before being finalized.

Key Features

• Isolated browser interaction using Chrome DevTools MCP for real-world observation
• 0 GitHub stars
• Mandatory empirical verification process covering UI, console, and regression checks
• Comprehensive diagnostic capturing of DOM snapshots, console logs, and network payloads
• Systematic 6-phase debugging workflow from investigation to reporting
• Automated root cause analysis with confidence scoring and fix strategy generation

Use Cases

• Investigating silent interaction failures where UI elements do not respond to user input
• Debugging failed API requests and JavaScript errors captured in the browser console
• Resolving visual bugs and CSS layout issues that require direct browser inspection