Debug Web App with DevTools
Install this pack to test and debug a web application in a real browser using Chrome DevTools MCP.
Skills in this plugin
7- ▌ Browser Testing With Devtools · addyosmaniTests and debugs web applications in real browsers using Chrome DevTools MCP, enabling DOM inspection, console error capture, network analysis, performance profiling, and visual verification with live runtime data.
- ▌ Debugging And Error Recovery · addyosmaniProvides a structured triage process for debugging test failures, build errors, runtime bugs, and production incidents, including steps to reproduce, localize, fix, and guard against recurrence.
- ▌ Focused Fix · alirezarezvaniSystematically repair a broken feature or module by scoping, tracing dependencies, diagnosing all issues, fixing them in order, and verifying end-to-end.
- ▌ Playwright Skill · dangquangse bundleAutomates browser testing and interaction with Playwright, including form filling, screenshots, responsive checks, and login flows, with automatic dev server detection.
- ▌ Agent Browser · sdiamante13 bundleAutomates browser interactions for web testing, form filling, screenshots, and data extraction.
- ▌ Playwright Skill · huuanh20 bundleAutomates browser interactions and testing with Playwright, including form filling, screenshots, responsive checks, and login flows, with automatic dev server detection.
- ▌ Agent Browser · samuelpatroAutomates Chrome/Chromium via CDP with accessibility-tree snapshots and element refs, covering web pages, Electron apps, Slack, and cloud browsers.