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.