skills.rest
locdinh209
locdinh209COMMUNITY
Explore all skills by this author →
WebsiteGitHub

chrome-devtools

Automate browser tasks with Puppeteer for debugging, performance analysis, and web scraping.

Updated Mar 26, 2026
Search Tags:#debugging#browser automation#web scraping#puppeteer#performance analysis
One-click install
npx skills add https://github.com/locdinh209/curation-skills --skill chrome-devtools-locdinh209
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: chrome-devtools
Source: https://github.com/locdinh209/curation-skills/tree/main/chrome-devtools
Command: npx skills add https://github.com/locdinh209/curation-skills --skill chrome-devtools-locdinh209

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill automates browser tasks using Puppeteer scripts, enabling debugging, performance analysis, and web scraping without manual browser interaction.

Core Features & Use Cases

  • Browser Automation: Automate tasks like navigation, screenshot capture, form filling, and JavaScript execution.
  • Performance Analysis: Measure Core Web Vitals and record performance traces.
  • Web Scraping: Extract data from web pages using automated browsing and JavaScript execution.
  • Use Case: You can use this Skill to automatically login to a website, fill out a form, and capture screenshots of the results for auditing or record-keeping.

Quick Start

To take a screenshot of a webpage, run: node screenshot.js --url https://example.com --output ./docs/screenshots/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 like capturing screenshots and filling out forms?▼

You can automate browser tasks like capturing screenshots and filling forms by running Puppeteer scripts to navigate pages, execute JavaScript, and capture outputs without manual interaction.

What is the best way to measure Core Web Vitals and record performance traces for a web application?▼

The best way to measure Core Web Vitals and record performance traces is using Puppeteer scripts that automate browser navigation and capture performance metrics directly from the web application.

Can I extract data from web pages using JavaScript execution and automated browsing?▼

Yes, you can extract data from web pages by executing automated browsing scripts with Puppeteer, which handles JavaScript execution and DOM interaction to scrape the required content.

Do I need Puppeteer installed to automate debugging and web scraping workflows?▼

Yes, you need Puppeteer and its associated libraries installed, as this Skill relies on them to execute browser automation, facilitate debugging, and perform web scraping workflows.

How do I take a screenshot of a webpage via command line for auditing purposes?▼

To take a screenshot of a webpage, run the Node script with the target URL and output path arguments, enabling automated screenshot capture for auditing or record-keeping.

Related Skills

Explore More Software Engineering Skills→
levanminhduclevanminhduc

chrome-devtools

Automate browser tasks and debugging workflows with Puppeteer CLI scripts.

Community
Advanced
yash-gargyash-garg

web-perf

Analyze web performance bottlenecks and identify optimization opportunities using Chrome DevTools.

Community
Advanced
freekmurzefreekmurze
997

agent-browser

Automate browser interactions for web testing, form filling, screenshots, and data extraction.

Community
Basic
zhayujiezhayujie
46.4k

web-fetch

Fetch web page HTML and extract title and readable text.

Community
Basic