skills.rest
levanminhduc
levanminhducCOMMUNITY
Explore all skills by this author →
GitHub

chrome-devtools

Automate browser tasks and debugging workflows with Puppeteer CLI scripts.

Updated Jul 23, 2025
Search Tags:#performance#debugging#browser automation#puppeteer#chrome-devtools
One-click install
npx skills add https://github.com/levanminhduc/LuongHoaThoNew --skill chrome-devtools-levanminhduc
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
vuminhieuvuminhieu

chrome-devtools

Orchestrate Puppeteer scripts with persistent sessions for browser automation and testing.

Community
Advanced
yuping322yuping322
20

portfolio-monitor-orchestrator

Coordinate portfolio monitoring and risk alerts across China, Hong Kong, and US markets.

Community
Advanced
levanminhduclevanminhduc

chrome-devtools

Automate browser tasks and debugging workflows with Puppeteer CLI scripts.

Community
Advanced
LambdaTestLambdaTest
350

test-framework-migration-skill

Migrate test automation scripts between Selenium, Playwright, Puppeteer, and Cypress.

Official
Advanced