Agent Skills
Claude Code Skill
Debugger
Systematic debugging workflow for full-stack web applications using browser DevTools via the Claude Chrome extension. Follows a disciplined 5-phase process: Reproduce, Isolate, Diagnose, Fix, Verify. Gathers evidence from multiple sources in parallel — console, network, DOM, screenshots — to pinpoint root causes.
Key Features
5-phase workflow: Reproduce → Isolate → Diagnose → Fix → Verify
Multi-source evidence gathering: console, network, DOM, and screenshots
Issue categorization: Frontend, API, Data, State, Auth
Runtime state inspection via JavaScript evaluation
Common pattern playbooks for page load, button, and data issues
Targeted code fixes with documentation of what changed and why