skills.rest
docaohieu2808
docaohieu2808COMMUNITY
Explore all skills by this author →
WebsiteGitHub

chrome-devtools

Automate browser interactions with Puppeteer scripts for scraping, forms, and screenshots.

1|Updated Mar 9, 2026
Search Tags:#testing#performance#screenshots#browser automation#web scraping#puppeteer
One-click install
npx skills add https://github.com/docaohieu2808/claude-skills --skill chrome-devtools-docaohieu2808
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: chrome-devtools
Source: https://github.com/docaohieu2808/claude-skills/tree/main/chrome-devtools
Command: npx skills add https://github.com/docaohieu2808/claude-skills --skill chrome-devtools-docaohieu2808

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill automates browser interactions, saving time on repetitive web-based tasks.

Core Features & Use Cases

  • Web Scraping: Extract data from websites.
  • Automated Testing: Perform actions like form filling and clicking.
  • Screenshots: Capture images of web pages or elements.
  • Performance Analysis: Monitor network requests and Core Web Vitals.
  • Use Case: Automatically log into a website, fill out a form, and take a screenshot of the confirmation page.

Quick Start

Use the chrome-devtools skill to navigate to 'https://example.com' and take a screenshot named 'example.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 web scraping with Puppeteer?▼

Web scraping with Puppeteer is automated by injecting scripts to navigate pages and extract data. This Skill supports CSS and XPath selectors for deterministic element targeting during extraction.

Can I measure Core Web Vitals during browser automation?▼

Core Web Vitals measurement is supported during browser automation. The Skill includes utilities to monitor network requests and capture performance metrics while executing Puppeteer scripts.

What is the best way to capture screenshots of web pages automatically?▼

Capturing screenshots automatically is handled by Puppeteer scripts that navigate to URLs and save images. The Skill can capture full web pages or specific elements using targeted selectors.

Does Puppeteer work with CSS and XPath selectors for automated testing?▼

Puppeteer works with CSS and XPath selectors for automated testing. The Skill supports both methods for deterministic element targeting when automating interactions like form filling and clicking.

How do I inject authentication headers for browser automation?▼

Authentication headers are injected using built-in utilities within the Skill. This allows Puppeteer scripts to bypass login forms and directly access authenticated pages for scraping or testing.

Related Skills

Explore More Software Engineering Skills→
NammDevNammDev
2

chrome-devtools

Automate browser tasks and data collection with Puppeteer CLI scripts.

Community
Advanced
Magnatrix-LabMagnatrix-Lab
1

competitive-ads-extractor

Extract competitor ad insights via web scraping and structured data processing.

Community
Advanced
xenitV1xenitV1
132

performance-profiling

Automate Lighthouse-based performance profiling to identify web application bottlenecks.

Community
Advanced
hathbangerhathbanger

agent-browser

Automate web navigation and interaction via a headless browser CLI.

Community
Intermediate