chrome-devtools

Automate browser tasks with Puppeteer for debugging, performance analysis, and web scraping.

Updated Mar 26, 2026

Search Tags:#debugging #browser automation #web scraping #puppeteer #performance analysis

Ready to run

npx skills add https://github.com/locdinh209/curation-skills --skill chrome-devtools-locdinh209

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: chrome-devtools
Source: https://github.com/locdinh209/curation-skills/tree/main/chrome-devtools
Command: npx skills add https://github.com/locdinh209/curation-skills --skill chrome-devtools-locdinh209

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill automates browser tasks using Puppeteer scripts, enabling debugging, performance analysis, and web scraping without manual browser interaction.

Core Features & Use Cases

Browser Automation: Automate tasks like navigation, screenshot capture, form filling, and JavaScript execution.
Performance Analysis: Measure Core Web Vitals and record performance traces.
Web Scraping: Extract data from web pages using automated browsing and JavaScript execution.
Use Case: You can use this Skill to automatically login to a website, fill out a form, and capture screenshots of the results for auditing or record-keeping.

Quick Start

To take a screenshot of a webpage, run: node screenshot.js --url https://example.com --output ./docs/screenshots/page.png

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 tasks like capturing screenshots and filling out forms?▼

You can automate browser tasks like capturing screenshots and filling forms by running Puppeteer scripts to navigate pages, execute JavaScript, and capture outputs without manual interaction.

What is the best way to measure Core Web Vitals and record performance traces for a web application?▼

The best way to measure Core Web Vitals and record performance traces is using Puppeteer scripts that automate browser navigation and capture performance metrics directly from the web application.

Can I extract data from web pages using JavaScript execution and automated browsing?▼

Yes, you can extract data from web pages by executing automated browsing scripts with Puppeteer, which handles JavaScript execution and DOM interaction to scrape the required content.

Do I need Puppeteer installed to automate debugging and web scraping workflows?▼

Yes, you need Puppeteer and its associated libraries installed, as this Skill relies on them to execute browser automation, facilitate debugging, and perform web scraping workflows.

How do I take a screenshot of a webpage via command line for auditing purposes?▼

To take a screenshot of a webpage, run the Node script with the target URL and output path arguments, enabling automated screenshot capture for auditing or record-keeping.