browser-debugger

Automate UI testing by systematically navigating, clicking, filling forms, and hovering over elements to verify user flows. This Skill captures console logs, network requests, and takes screenshots to detect errors and UI inconsistencies across real browser contexts, eliminating manual testing and human error.

Yes. Visual regression testing captures before/after screenshots during interactions, analyzes UI changes for pixel-perfect implementation, and reports design discrepancies. Combined with console error and network monitoring, it ensures your frontend matches intended design fidelity.

Monitor console messages (errors, warnings), network requests (failures, timings), and UI state changes. This Skill automates Chrome DevTools inspection, structuring debugging reports that detail all three, enabling faster bug reproduction and pre-commit verification without manual console review.

Test form validation, submission success, data persistence, and network behavior in one automated flow. This Skill navigates through form interactions, captures console and network activity, verifies UI updates, and ensures no errors occur—catching API integration bugs before production.

Yes. Regression testing automates repeated UI workflows to detect unintended side effects. This Skill systematically tests interactions, monitors console and network state, takes comparative screenshots, and generates structured reports showing whether behavior matches baseline expectations.