chrome-devtools

Automates browser tasks and analyzes performance via Puppeteer CLI scripts.

5|3|Updated Apr 12, 2025

Search Tags:#automation #performance #debugging #cdp #puppeteer #network #web-testing

One-click install

npx skills add https://github.com/iamhenry/ai-project-starter-kit --skill chrome-devtools-iamhenry

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: chrome-devtools
Source: https://github.com/iamhenry/ai-project-starter-kit/tree/main/.claude/skills/chrome-devtools
Command: npx skills add https://github.com/iamhenry/ai-project-starter-kit --skill chrome-devtools-iamhenry

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires puppeteer, debug, yargs, and includes scripts (resource) and references (resource) components.

What problem does it solve?

Browser automation, debugging, and performance analysis via Puppeteer CLI scripts. Use to take screenshots, automate interactions, analyze Core Web Vitals, monitor network requests, scrape content, and debug JS in page context.

Core Features & Use Cases

Automated navigation and interactions using navigate.js, click.js, fill.js, and evaluate.js
Screenshots and output JSON with results
Performance, network, and DOM inspection via dedicated scripts

Quick Start

Navigate to a URL: node .claude/skills/chrome-devtools/scripts/navigate.js --url https://example.com