chrome-devtools

Chrome DevTools Protocol automation enables programmatic control of Chrome for navigation, element interaction, console inspection, and performance tracing. This Skill provides a structured tool taxonomy covering Navigation, Interaction, Debugging, Performance, Emulation, and Visual tasks, returning screenshots, DOM snapshots, console logs, network data, and performance traces across multiple pages and device configurations.

Yes. This Skill includes Visual capture tools that generate screenshots and DOM snapshots during automated browser sessions. Combined with console and network inspection, you get comprehensive debugging artifacts to diagnose failing flows in headless environments.

The Skill provides Emulation tools to simulate device configurations and Performance tools to trace execution metrics. This lets you validate behavior across multiple device types and capture performance data without manual testing, reducing time to identify bottlenecks.

Chrome DevTools Protocol supports Navigation (opening pages, managing tabs), Interaction (clicking elements, filling forms), Debugging (console and network monitoring), Performance tracing, device Emulation, and Visual capture. Each task returns structured output for analysis and logging.

No. This Skill abstracts Chrome DevTools Protocol complexity behind a defined tool taxonomy with specific parameters. You work with high-level Navigation, Interaction, Debugging, Performance, Emulation, and Visual tools; the Skill handles protocol communication internally.

Yes. The Debugging tools monitor network requests and read console logs in real time during browser automation. You can capture and analyze both during a single session to reproduce failing flows and extract diagnostic data.