skills.rest
dereknex
dereknexCOMMUNITY
Explore all skills by this author →
GitHub

chrome-devtools

Automate browser tasks and debugging workflows with Puppeteer CLI scripts.

Updated Aug 23, 2026
Search Tags:#screenshots#puppeteer#web-scraping#browser-automation#performance-analysis#network-monitoring#form-automation
One-click install
npx skills add https://github.com/dereknex/skills --skill chrome-devtools-dereknex
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: chrome-devtools
Source: https://github.com/dereknex/skills/tree/main/chrome-devtools
Command: npx skills add https://github.com/dereknex/skills --skill chrome-devtools-dereknex

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Chrome DevTools automation and debugging can be tedious to set up and maintain across projects. This skill provides a CLI-driven toolkit to automate browser tasks, capture artifacts, and diagnose performance issues using Puppeteer.

Core Features & Use Cases

  • Browser automation via Puppeteer CLI scripts for navigation, screenshots, network monitoring, form automation, and JavaScript debugging.
  • Performance analysis and data extraction from web pages for testing, QA, and research.
  • Use Case: Quickly generate screenshots and collect performance vitals for a marketing landing page across multiple URLs.

Quick Start

Run the CLI in your project to automatically navigate to a URL, take a screenshot, and return a JSON summary.

Frequently Asked Questions about chrome-devtools

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate browser screenshots and capture performance vitals with Puppeteer?▼

Puppeteer browser automation allows you to navigate pages, take screenshots, and extract data via CLI scripts. This Skill handles network monitoring and form automation across multiple URLs to generate JSON summaries.

What's the best way to monitor network requests during web scraping?▼

This Skill provides Puppeteer CLI scripts to monitor network activity during web scraping. It captures network requests, applies to debugging workflows, and returns structured JSON summaries of the monitored data.

Do I need Node.js 18+ to run Puppeteer CLI scripts for form automation?▼

Yes, Node.js 18+ and Puppeteer are required to run form automation CLI scripts. The Skill also depends on the debug and yargs packages to enable its CLI interface and debugging features.

Can I run performance analysis across multiple URLs in one command?▼

Yes, the Skill automates performance analysis across multiple URLs using Puppeteer CLI scripts. It collects performance vitals and extracts page data, returning a JSON summary of the results for testing and QA.

How do I debug JavaScript in an automated browser testing workflow?▼

You debug JavaScript in automated browser testing using Puppeteer CLI scripts. This Skill integrates the debug dependency to enable debugging features during browser automation, network monitoring, and data extraction.

Related Skills

Explore More Software Engineering Skills→
brixtonphambrixtonpham

chrome-devtools

Automate browser tasks and UI testing via Puppeteer CLI scripts.

Community
Intermediate
antriksh-29antriksh-29

qa-only

Generate structured QA reports with health scores, screenshots, and reproducible steps.

Community
Advanced
dige04dige04

chrome-devtools

Automates Puppeteer-based browser tasks and outputs JSON for analysis.

Community
Advanced
HouseGarofaloHouseGarofalo
3

puppeteer

Automates browser tasks with Puppeteer for web scraping, testing, screenshots, and PDFs.

Official
Advanced