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

Ready to run

npx skills add https://github.com/docaohieu2808/claude-skills --skill chrome-devtools-docaohieu2808

💬 Prompt for ChatGPT / Claude Chat▼

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.