What are the system requirements for Linux or WSL users?

On Linux and WSL, you must run the provided install-deps.sh script to install necessary system libraries such as libnss3, libasound2, and libgbm1.

Does this skill support performance testing?

Yes, it includes a performance.js script that measures Core Web Vitals like LCP and can generate full performance traces.

How does the skill handle large screenshots?

If ImageMagick is installed, the skill automatically compresses screenshots that exceed 5MB to ensure they can be processed by Claude and Gemini APIs.

Can I perform multi-step actions like logging in?

Yes, by using the --close false flag, you can keep the browser session alive across multiple script executions to handle complex workflows.

How do I find the right CSS selectors for automation?

You can use the snapshot.js script which extracts interactive elements with their metadata, tags, and suggested selectors for the AI to use.

Chrome DevTools Automation

Name: Chrome DevTools Automation
Author: rafaelcalleja

byrafaelcalleja

•

Browser Automation

Automates browser interactions, performance analysis, and web scraping using Puppeteer-based CLI scripts.

About

This skill empowers Claude to perform complex browser-based tasks directly from the CLI. By leveraging Puppeteer, it allows for automated website navigation, form filling, element interaction, and high-fidelity screenshot capture with automatic ImageMagick compression. Beyond simple automation, it provides deep technical insights through network traffic monitoring, console log analysis, and Core Web Vitals performance auditing, making it an essential tool for frontend debugging, E2E testing, and data extraction workflows.

Key Features

1 GitHub stars
Full browser control including clicking, form filling, and JS evaluation
Console and network traffic interception for debugging
DOM snapshotting for easy element and selector discovery
Automated screenshot capture with intelligent ImageMagick compression
Performance monitoring for Core Web Vitals and network traces

Use Cases

Automated E2E testing and visual UI validation
Frontend performance auditing and network bottleneck analysis
Web scraping and structured data extraction from dynamic sites

About

Key Features

1 GitHub stars
Full browser control including clicking, form filling, and JS evaluation
Console and network traffic interception for debugging
DOM snapshotting for easy element and selector discovery
Automated screenshot capture with intelligent ImageMagick compression
Performance monitoring for Core Web Vitals and network traces

Use Cases

Automated E2E testing and visual UI validation
Frontend performance auditing and network bottleneck analysis
Web scraping and structured data extraction from dynamic sites