domains / families / software-engineering / chrome-devtools

chrome-devtools

separate

Expert-level browser automation, debugging, and performance analysis using Chrome DevTools MCP. Use for interacting with web pages, capturing screenshots, analyzing network traffic, and profiling performance.

When to use

• **Browser Automation**: Navigating pages, clicking elements, filling forms, and handling dialogs.
• **Visual Inspection**: Taking screenshots or text snapshots of web pages.
• **Debugging**: Inspecting console messages, evaluating JavaScript in the page context, and analyzing network requests.
• **Performance Analysis**: Recording and analyzing performance traces to identify bottlenecks and Core Web Vital issues.
• **Emulation**: Resizing the viewport or emulating network/CPU conditions.

Skill page

Source