skills.rest
lv7dev
lv7devCOMMUNITY
Explore all skills by this author →
GitHub

chrome-devtools

Automate browser tasks and extract page data with Puppeteer CLI scripts.

Updated Feb 3, 2026
Search Tags:#screenshots#puppeteer#web-testing#browser-automation#performance-analysis#network-monitoring
One-click install
npx skills add https://github.com/lv7dev/shop_v2 --skill chrome-devtools-lv7dev
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: chrome-devtools
Source: https://github.com/lv7dev/shop_v2/tree/main/.claude/skills/chrome-devtools
Command: npx skills add https://github.com/lv7dev/shop_v2 --skill chrome-devtools-lv7dev

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Browser automation, debugging, and performance analysis with a Puppeteer-based CLI, enabling repeatable web tasks and faster QA without manual clicking.

Core Features & Use Cases

  • Automated page navigation, interaction, and data collection via scripts
  • Deterministic screenshots and page data extraction
  • Performance and network analysis with JSON outputs to integrate into pipelines
  • Use cases include web testing, web scraping, automated QA, and regression checks

Quick Start

Run a sample workflow to validate the setup:

  • Install dependencies in the scripts directory: npm install
  • Navigate to a page: node navigate.js --url https://example.com
  • Take a screenshot: node screenshot.js --output ./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 and take screenshots with Puppeteer?▼

You can automate browser tasks and take screenshots with Puppeteer by running Node.js CLI scripts like screenshot.js, passing the target URL and output path to generate deterministic page images without manual clicking.

Can I use Puppeteer CLI scripts for web testing and network monitoring?▼

Yes, Puppeteer CLI scripts support web testing and network monitoring by automating page navigation, capturing network requests, and outputting structured JSON data for integration into automated QA and regression check pipelines.

What's the best way to extract page data and analyze web performance automatically?▼

The best way to extract page data and analyze web performance automatically is using Puppeteer CLI scripts that navigate target pages, collect performance metrics, and output structured JSON results for downstream pipeline integration.

Do I need Node.js to run Puppeteer commands for browser automation?▼

Yes, you need Node.js to run Puppeteer commands for browser automation, because the solution relies on Node.js scripts executed via CLI arguments parsed with yargs and debug dependencies installed through npm.

Does Puppeteer enforce safe selector handling for automated web scraping?▼

Yes, Puppeteer enforces safe selector handling for automated web scraping by implementing structured error reporting within its CLI scripts, ensuring deterministic data extraction and preventing failures during page interactions.

Related Skills

Explore More Software Engineering Skills→
levanminhduclevanminhduc

chrome-devtools

Automate browser tasks and debugging workflows with Puppeteer CLI scripts.

Community
Advanced
myriosMinmyriosMin

Godiva Signal Schema

Parse operational signals into standardized incident records with LaunchDarkly domain mappings.

Community
Intermediate
tedtv1007-ctrltedtv1007-ctrl

playwright-testing

Automate browser-based end-to-end testing with Playwright.

Community
Advanced
SecurityRoninSecurityRonin
1

browser-automation

Automate browser tasks and testing across Playwright, Puppeteer, Selenium, and CDP workflows.

Official
Intermediate