Chrome Devtools

Automates Chrome via Puppeteer scripts that all output JSON, making it easy to pipe results through jq or chain commands. You get the standard automation toolkit (navigate, click, fill forms, screenshot) plus debugging helpers like console monitoring, network traffic analysis, and Core Web Vitals measurement. Screenshots auto-compress with ImageMagick if they exceed 5MB, which matters if you're feeding them to Claude or Gemini. The snapshot script is clever for discovering selectors on unfamiliar pages. Requires some setup on Linux for system dependencies, but the install script handles OS detection. Most useful when you need structured output from browser automation rather than writing throwaway Puppeteer code yourself.

skills.sh installs: 745
GitHub stars: 2.2K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add mrgoonie/claudekit-skills --skill chrome-devtools --agent claude-code

Installs into .claude/skills of the current project.

Files

Chrome DevTools Agent Skill

Browser automation via executable Puppeteer scripts. All scripts output JSON for easy parsing.

Quick Start

CRITICAL: Always check pwd before running scripts.

Installation

Step 1: Install System Dependencies (Linux/WSL only)

On Linux/WSL, Chrome requires system libraries. Install them first:

pwd  # Should show current working directory
cd .claude/skills/chrome-devtools/scripts
./install-deps.sh  # Auto-detects OS and installs required libs

Supports: Ubuntu, Debian, Fedora, RHEL, CentOS, Arch, Manjaro

macOS/Windows: Skip this step (dependencies bundled with Chrome)

Step 2: Install Node Dependencies

npm install  # Installs puppeteer, debug, yargs

Step 3: Install ImageMagick (Optional, Recommended)

ImageMagick enables automatic screenshot compression to keep files under 5MB:

macOS:

brew install imagemagick

Ubuntu/Debian/WSL:

sudo apt-get install imagemagick

Verify:

magick -version  # or: convert -version

Without ImageMagick, screenshots >5MB will not be compressed (may fail to load in Gemini/Claude).

SKILL.md on GitHub

Details

Repository: github.com/mrgoonie/claudekit-skills
Categories: DevOps & CI/CD, Debugging, Automation & Workflows, Marketing & SEO, CLI & Terminal
First seen: May 16, 2026