skills.rest
Khoatran1999
Khoatran1999COMMUNITY
Explore all skills by this author →
GitHub

chrome-devtools

Automate browser navigation, form filling, screenshots, and network monitoring via CLI scripts.

Updated Jan 24, 2026
Search Tags:#debugging#puppeteer#web-scraping#browser-automation#performance-analysis#devtools-protocol
One-click install
npx skills add https://github.com/Khoatran1999/aquarium-commerce --skill chrome-devtools-khoatran1999
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: chrome-devtools
Source: https://github.com/Khoatran1999/aquarium-commerce/tree/main/.claude/skills/chrome-devtools
Command: npx skills add https://github.com/Khoatran1999/aquarium-commerce --skill chrome-devtools-khoatran1999

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Automates repetitive browser tasks and debugging workflows across web apps, enabling faster testing, data gathering, and automation without manual, repetitive interactions.

Core Features & Use Cases

  • Automated Navigation & Interaction: programmatically navigate pages, fill forms, click elements, and capture results.
  • Monitoring & Analysis: collect network activity, console output, and performance traces to diagnose issues and optimize pages.
  • Web Scraping & Data Extraction: extract data from pages and export structured results for downstream processing.
  • Use Case: QA engineers can run end-to-end user journeys and automatically capture screenshots and logs for failure analysis.

Quick Start

Install dependencies and run a script to navigate to a page and capture a screenshot.

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 form filling and capturing screenshots?▼

You can automate repetitive browser tasks by using Puppeteer scripts to programmatically navigate pages, fill forms, click elements, and capture screenshots. This enables faster testing and data gathering without manual interactions.

What is the best way to monitor network activity and performance during web scraping?▼

Monitoring network activity and performance during web scraping is best achieved by collecting network requests, console output, and performance traces. This approach diagnoses issues and optimizes pages during automated browser workflows.

Does Puppeteer work with CLI scripts for extracting structured data from web apps?▼

Yes, Puppeteer works with robust CLI scripts to extract data from web pages and export structured JSON results. It provides safe selector handling with validation and error handling for downstream processing.

How do I capture console logs and screenshots for QA failure analysis?▼

To capture console logs and screenshots for QA failure analysis, run automated end-to-end user journeys using browser automation scripts. These scripts automatically capture logs and screenshots to diagnose failures.

Related Skills

Explore More Software Engineering Skills→
ytqhytqh

chrome-devtools

Orchestrate Puppeteer CLI scripts to automate browser tasks and extract data.

Community
Advanced
SakshamKandelSakshamKandel

scrape

Extract structured data from web pages into JSON-ready results.

Community
Intermediate
lucasloutayflucasloutayf

browser-testing-with-devtools

Diagnose browser-rendered issues by inspecting real-time DOM, console, and network data.

Community
Advanced
TNHoang2708TNHoang2708
1

ck:test

Execute unit, integration, end-to-end, and UI tests on codebases.

Community
Advanced