
Web Application Debugging
from dotfiles215
Systematic workflow for debugging web apps using Chrome DevTools or Playwright, prioritizing fast validation, network/console inspection, and minimal snapshots.
What it does
Provides a practical, structured debugging skill for web applications using Chrome DevTools MCP or Playwright MCP. It teaches a 'validate before act' approach, shows decision trees for when to use snapshots vs evaluations, and includes patterns for network, console, auth, and UI debugging. Concrete commands and templates are provided to extract context from repos and run safe navigation and health checks.
When to use it
Use this skill when an agent needs to diagnose page-load failures, API/authentication problems, console errors, slow pages, or visual/layout issues. It's appropriate for interactive debugging sessions and for automating repeatable checks in CI or local dev.
What's included
- Scripts: none bundled (has_scripts=false)
- References: none bundled (has_references=false)
- Instructions: decision trees for choosing DevTools vs Playwright, pre-flight URL validation, batching diagnostic calls, authentication discovery, and safe navigation patterns. Includes example workflows and troubleshooting tips.
Compatible agents
Likely compatible with Claude Code / Claude-CLI-style MCP integrations and any agent with browser-control tools (Playwright, Chrome DevTools).
Tags
Information
- Repository
- dotfiles
- Stars








