Skills
.Work. You
Rest

browser-debugger

Official

Automate UI testing, debug browser issues.

Software Engineering#quality assurance#debugging#frontend#browser automation#UI testing#regression testing#Chrome DevTools
AuthorMadAppGang
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Manually testing UI features, monitoring console output, and tracking network requests in the browser is time-consuming and prone to human error. This Skill automates comprehensive browser-based UI testing and debugging.

Core Features & Use Cases

  • Systematic UI Interaction: Automatically navigate, click, fill forms, and hover over elements to test user flows.
  • Console & Network Monitoring: Capture and analyze all console messages (errors, warnings) and network requests (failures, timings).
  • Visual Verification: Take before/after screenshots of interactions and analyze UI changes, ensuring pixel-perfect implementation.
  • Use Case: After implementing a new user creation dialog, use this Skill to automatically test form validation, successful submission, verify the new user appears in the table, and ensure no console errors or failed network requests occur.

Quick Start

Use the browser-debugger skill to test the user creation dialog functionality at http://localhost:5173/users.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: browser-debugger
Download link: https://github.com/MadAppGang/claude-code/archive/main.zip#browser-debugger

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.