chrome-devtools

Name: chrome-devtools
Availability: InStock
Author: levanminhduc

Automate browser tasks and debugging workflows with Puppeteer CLI scripts.

Updated Jul 23, 2025

Search Tags:#performance #debugging #browser automation #puppeteer #chrome-devtools

Ready to run

npx skills add https://github.com/levanminhduc/LuongHoaThoNew --skill chrome-devtools-levanminhduc

💬 Prompt for ChatGPT / Claude Chat▼

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides browser automation tooling via Puppeteer-based CLI scripts for navigation, screenshots, performance, and debugging.

Core Features & Use Cases

Automation scripts: Navigate, screenshot, click, and fill forms.
Monitoring & performance: Snapshot DOM, network, and performance data.
Debug tooling: Console, performance, and trace analysis.

Quick Start

Run a simple navigate script to fetch a page title and URL.

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 navigation and form filling with Puppeteer?▼

Browser automation with Puppeteer lets you script navigation, fill forms, click elements, and extract data across web pages via CLI commands. The Skill provides pre-built scripts that execute headless or visible, handle timeouts and wait strategies, and output results as JSON for easy parsing.

Can I use Puppeteer to capture performance and network data from a webpage?▼

Yes. Puppeteer captures performance metrics, network activity, and DOM snapshots during page load and interaction. The Skill bundles scripts for performance analysis and network monitoring, returning structured JSON data you can analyze or export downstream.

What's the best way to debug browser console output and traces with Puppeteer?▼

Debug workflows capture console logs, performance traces, and execution details from headless browsers. The Skill provides debugging scripts that log console output and trace data, helping you identify page errors and performance bottlenecks without manual inspection.

Can I run Puppeteer scripts cross-platform with configurable timeouts?▼

The Skill handles cross-platform dependency management for Puppeteer and supports configurable timeouts and wait strategies via CLI arguments. Scripts adapt to your environment and return consistent JSON output regardless of OS.

Does Puppeteer work for headless browser testing and screenshots?▼

Puppeteer automates headless or visible browser execution for testing and screenshots. The Skill chains screenshot, navigation, and interaction commands, supporting both headless and UI modes with JSON-formatted results for integration into CI/CD pipelines.