chrome-devtools

Chrome DevTools Protocol (CDP) enables programmatic browser automation for debugging. This Skill provides CDP access through a local Docker container, allowing you to navigate pages, execute JavaScript, capture network traffic, and generate screenshots without manual inspection.

Yes. This Skill monitors HTTP requests, responses, and performance metrics in real time through CDP. You can analyze network traffic, extract data, and generate performance reports directly from the browser context.

You need Docker, Ruby ≥2.7, websocket-client-simple and json gems, and a running chrome-devtools-server on localhost:9222. The Skill provides setup scripts for navigation, JavaScript evaluation, network capture, screenshots, and DOM interactions.

This Skill executes JavaScript directly in the browser context via CDP. Evaluate scripts remotely to extract DOM data, test functionality, or monitor console output without opening DevTools manually.

Yes. The Skill captures full-page screenshots and logs console output through CDP. Use these capabilities to document page state, detect errors, and validate application behavior in automated workflows.

This Skill operates on a local Docker container without remote MCP dependencies. It's suited for local debugging workflows on a single Chrome instance; scaling to multiple browsers or remote debugging requires Docker orchestration.