chrome-devtools

Automate browser tasks and debugging workflows with Puppeteer CLI scripts.

Updated Jan 31, 2026
One-click install
npx skills add https://github.com/luan-thnh/hrm-auto-extension --skill chrome-devtools-luan-thnh
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: chrome-devtools
Source: https://github.com/luan-thnh/hrm-auto-extension/tree/main/.opencode/skills/chrome-devtools
Command: npx skills add https://github.com/luan-thnh/hrm-auto-extension --skill chrome-devtools-luan-thnh

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Puppeteer-based browser automation and debugging workflows can be repetitive and error-prone when done manually.

Core Features & Use Cases

  • Automate browser actions such as navigation, form filling, screenshots, and script execution.
  • Collect debugging data including console output, network activity, and performance metrics for analysis.
  • Use cases include automated UI testing, web scraping pipelines, and batch form processing.

Quick Start

Install dependencies and run a script from scripts/ to automate a browser task and capture results.

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 automation tasks like taking screenshots and filling forms?

Automate browser tasks using Puppeteer CLI scripts to handle actions like navigation, form filling, and taking screenshots. This Skill orchestrates these workflows to reduce manual repetition and errors in web scraping pipelines and UI testing.

Can I use Puppeteer scripts to collect debugging data like network traffic and performance metrics?

Yes, Puppeteer scripts collect debugging data including console output, network activity, and performance metrics. This allows you to monitor network traffic and analyze performance across web pages directly through automated browser workflows.

What do I need to set up before running Puppeteer automation scripts for web scraping?

You need to install dependencies like Puppeteer and debug modules. Once dependencies are installed, you can run a script from the provided scripts directory to automate a browser task and capture the resulting data.

Does this approach work for batch form processing and automated UI testing?

Yes, batch form processing and automated UI testing are core use cases for this approach. By executing Puppeteer CLI scripts, you can automate repetitive browser actions across multiple pages, capturing results for analysis and testing workflows.

What is the best way to analyze web page performance using the DevTools protocol?

Analyze web page performance by running Puppeteer scripts that capture performance metrics and network activity via the DevTools protocol. This Skill provides the scripts and references needed to gather and analyze debugging data from your automated browser sessions.

Why are my manual Puppeteer debugging workflows error-prone when scraping data across web pages?

Manual Puppeteer debugging workflows are repetitive and error-prone when scraping data across web pages. Automating these workflows with dedicated CLI scripts standardizes the capture of screenshots, network traffic, and performance data to eliminate manual errors.