from dotfiles215
Systematic workflow for debugging web apps using Chrome DevTools or Playwright, prioritizing fast validation, network/console inspection, and minimal snapshots.
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.
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.
Likely compatible with Claude Code / Claude-CLI-style MCP integrations and any agent with browser-control tools (Playwright, Chrome DevTools).
Web debugging skill providing systematic workflows for Chrome DevTools MCP and Playwright MCP. No bundled scripts — purely a documentation/guidance skill. Well-structured decision trees help choose the right debugging approach, with strong emphasis on validation-before-action and efficient tool usage. Comprehensive troubleshooting section covers common issues.
Pure documentation skill with no executable scripts. High-quality writing with decision trees, patterns, and troubleshooting. Minor security note: template section includes example credentials (test@example.com/password123) which could normalize including real creds in docs, but these are clearly placeholders.
