chrome-devtools

Expert-level browser automation, debugging, and performance analysis via Chrome DevTools protocol. A specialized skill for controlling and inspecting a live Chrome browser. This skill leverages the chrome-devtools MCP server to perform a wide range of browser-related tasks, from simple navigation to complex performance profiling. Use this skill when: Always prefer take_snapshot over take_screenshot for finding elements. The snapshot provides uid values which are required by interaction tools. When a page is failing, check both console logs and network requests. Identify why a page is slow. - Four tool categories cover navigation, interaction, debugging, and performance profiling across 25+ commands - Snapshot-first workflow provides element UIDs for reliable targeting; screenshots offer visual verification - Network request inspection, console message analysis, and JavaScript evaluation support troubleshooting and validation - Performance tracing with Core Web Vital analysis identifies bottlenecks; emulation tools test under throttled conditions - Browser Automation : Navigating pages, clicking elements, filling forms, and handling dialogs.