What output format do the automation scripts provide?

All scripts output structured JSON, making it easy to parse results or integrate the data with other command-line tools like jq.

Does this skill work on Linux and WSL?

Yes, it includes a dedicated install-deps.sh script to handle required system libraries for Chrome on Ubuntu, Debian, Fedora, and other major distributions.

Can I keep the browser session open between different commands?

Yes, by using the --close false flag, you can maintain the browser state across multiple script executions to perform multi-step actions.

How does it handle large screenshots exceeding AI file limits?

If ImageMagick is installed, the skill automatically detects files over 5MB and compresses them to ensure they can be processed by Claude or Gemini.

Can I use it for automated E2E testing?

Absolutely. It supports chainable commands for navigation, form filling, and clicking, allowing you to simulate complex user journeys.

Chrome DevTools & Browser Automation

Name: Chrome DevTools & Browser Automation
Author: secondsky

bysecondsky

•

ブラウザ自動化

Automates browser interactions, captures screenshots, and analyzes web performance using Puppeteer CLI scripts.

概要

This skill empowers Claude with comprehensive browser control through a suite of production-ready Puppeteer scripts. It enables complex tasks such as automated web scraping, form submission, and UI testing, while providing deep insights into network traffic, console logs, and Core Web Vitals. With built-in support for ImageMagick, it automatically compresses high-resolution screenshots to ensure compatibility with AI model file limits, making it an essential utility for debugging frontend errors and performing automated site audits.

主な機能

Smart screenshot capture with automatic ImageMagick compression for large files
Network and console log tracking for advanced JavaScript debugging
Deep performance monitoring and Core Web Vitals reporting
21 GitHub stars
Complete browser automation including navigation, clicking, and form filling
DOM snapshotting to identify interactive elements and metadata

ユースケース

Debugging complex frontend layout or JavaScript issues by capturing live state and logs.
Automating multi-step web workflows such as user registration or data extraction.
Conducting automated performance and SEO audits with detailed JSON reporting.

概要

主な機能

Smart screenshot capture with automatic ImageMagick compression for large files
Network and console log tracking for advanced JavaScript debugging
Deep performance monitoring and Core Web Vitals reporting
21 GitHub stars
Complete browser automation including navigation, clicking, and form filling
DOM snapshotting to identify interactive elements and metadata

ユースケース

Debugging complex frontend layout or JavaScript issues by capturing live state and logs.
Automating multi-step web workflows such as user registration or data extraction.
Conducting automated performance and SEO audits with detailed JSON reporting.