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

•

Automatización de Navegadores

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

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.

Características Principales

011 GitHub stars

02Full browser control including clicking, form filling, and JS evaluation

03Console and network traffic interception for debugging

04DOM snapshotting for easy element and selector discovery

05Automated screenshot capture with intelligent ImageMagick compression

06Performance monitoring for Core Web Vitals and network traces

Casos de Uso

01Automated E2E testing and visual UI validation

02Frontend performance auditing and network bottleneck analysis

03Web scraping and structured data extraction from dynamic sites

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add rafaelcalleja/claude-market-place chrome-devtools

For use in Claude.ai and ChatGPT

Download Skill