Debug Web App with DevTools

Install this pack to test and debug a web application in a real browser using Chrome DevTools MCP.

Curated by SkillMD 7 skills 6 authors

Skills in this plugin

7
  1. ▌
    Browser Testing With Devtools · addyosmani
    Tests 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.
    69.5k repo stars
  2. ▌
    Debugging And Error Recovery · addyosmani
    Provides 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.
    69.5k repo stars
  3. ▌
    Focused Fix · alirezarezvani
    Systematically repair a broken feature or module by scoping, tracing dependencies, diagnosing all issues, fixing them in order, and verifying end-to-end.
    20.4k repo stars
  4. ▌
    Playwright Skill · dangquangse bundle
    Automates browser testing and interaction with Playwright, including form filling, screenshots, responsive checks, and login flows, with automatic dev server detection.
    19 repo stars
  5. ▌
    Agent Browser · sdiamante13 bundle
    Automates browser interactions for web testing, form filling, screenshots, and data extraction.
    7 repo stars
  6. ▌
    Playwright Skill · huuanh20 bundle
    Automates browser interactions and testing with Playwright, including form filling, screenshots, responsive checks, and login flows, with automatic dev server detection.
    1 repo stars
  7. ▌
    Agent Browser · samuelpatro
    Automates Chrome/Chromium via CDP with accessibility-tree snapshots and element refs, covering web pages, Electron apps, Slack, and cloud browsers.
    2 repo stars