Are the results easy to process programmatically?

Absolutely. Every script is designed to output standardized JSON to stdout, allowing you to easily pipe results into tools like jq for further data processing.

Can I chain multiple browser actions together?

Yes, by using the --close false flag, you can keep the browser instance open across multiple script executions to perform complex multi-step workflows like logging in before scraping.

How does it handle Claude's 5MB image limit?

If ImageMagick is installed, the skill automatically detects if a screenshot exceeds 5MB and compresses it using intelligent resizing and quality adjustments to ensure compatibility.

Can I capture screenshots of specific elements?

Yes, the screenshot.js script allows you to target specific DOM elements using selectors, which helps in focusing on relevant UI components and reducing file size.

Does this skill work on Linux and WSL?

Yes, it includes a dedicated install-deps.sh script to automatically install the necessary system libraries for Chrome on various Linux distributions including Ubuntu, Debian, and Fedora.

Chrome DevTools Agent

Name: Chrome DevTools Agent
Author: mrgoonie

bymrgoonie

•

1,395

浏览器自动化

Automates browser interactions, performance audits, and web data extraction using Puppeteer-powered CLI scripts.

关于

The Chrome DevTools Agent skill provides a comprehensive suite of executable Puppeteer scripts designed to give Claude deep visibility and control over web browsers. It enables seamless browser automation, including form filling, element interaction, and high-fidelity screenshots with automatic ImageMagick compression for optimal AI processing. Beyond simple automation, it offers advanced capabilities for performance analysis (Core Web Vitals), network traffic monitoring, and JavaScript debugging, making it an essential tool for developers building, testing, or scraping web applications directly within the Claude Code environment.

主要功能

Comprehensive browser control including clicking, form filling, and navigation
Advanced performance monitoring and Core Web Vitals tracking
High-fidelity screenshots with automatic ImageMagick compression under 5MB
Intelligent element discovery using DOM metadata snapshots
1,395 GitHub stars
Real-time network traffic monitoring and console log extraction

使用场景

High-performance web scraping and data collection from complex SPAs
Automated end-to-end testing and visual regression verification
Production debugging by analyzing network requests and console errors

关于

主要功能

Comprehensive browser control including clicking, form filling, and navigation
Advanced performance monitoring and Core Web Vitals tracking
High-fidelity screenshots with automatic ImageMagick compression under 5MB
Intelligent element discovery using DOM metadata snapshots
1,395 GitHub stars
Real-time network traffic monitoring and console log extraction

使用场景

High-performance web scraping and data collection from complex SPAs
Automated end-to-end testing and visual regression verification
Production debugging by analyzing network requests and console errors