chrome-devtools

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

Updated Dec 23, 2025

Search Tags:#testing #devtools #puppeteer #web-scraping #browser-automation #json-output

Ready to run

npx skills add https://github.com/dige04/hieu-ccsetup --skill chrome-devtools-dige04

💬 Prompt for ChatGPT / Claude Chat▼

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Browser automation and data extraction for testing, scraping, and debugging by running Puppeteer-based scripts that produce JSON output for easy consumption.

Core Features & Use Cases

Automates navigation, form interactions, and UI testing with Puppeteer-powered scripts.
Captures screenshots, records performance metrics, and monitors network activity for debugging and QA.
Use cases include automated site checks, QA pipelines, and data collection across pages.

Quick Start

Run node navigate.js --url https://example.com to verify navigation automation.

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 and capture network activity using Puppeteer?▼

You can automate browser tasks by running Puppeteer-powered scripts that handle navigation, form interactions, and network monitoring. The scripts output JSON data for easy parsing and debugging.

What is the best way to extract web data and get JSON output for scraping workflows?▼

The best way to extract web data is using Puppeteer scripts designed for browser automation. These scripts navigate pages and collect data, outputting structured JSON for straightforward consumption in scraping pipelines.

Do I need Puppeteer and Node.js to run browser automation scripts for testing?▼

Yes, you need Puppeteer installed in a Node.js environment to run the automation scripts. The scripts also require the debug and yargs dependencies to execute browser tasks and parse command-line arguments.

Can I monitor performance metrics and capture screenshots during web page navigation?▼

Yes, you can monitor performance metrics and capture screenshots during web page navigation. The Puppeteer scripts record performance data and take screenshots, returning the results as JSON for QA analysis.

How do I verify that my Puppeteer navigation automation is working correctly?▼

To verify navigation automation, run the command node navigate.js --url https://example.com in your terminal. This executes a script that tests browser navigation and confirms your Puppeteer environment is configured correctly.

Are there limitations when using Puppeteer scripts for automated form interactions?▼

Puppeteer scripts handle automated form interactions by simulating browser inputs, but complex dynamic forms may require custom script adjustments. The scripts output JSON results to help you debug failed interactions.