chrome-devtools

Automate Chromium browser tasks with Puppeteer CLI scripts and JSON outputs.

16|7|Updated Nov 20, 2025
One-click install
npx skills add https://github.com/jackspace/ClaudeSkillz --skill chrome-devtools-jackspace
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: chrome-devtools
Source: https://github.com/jackspace/ClaudeSkillz/tree/main/skills/chrome-devtools_mrgoonie
Command: npx skills add https://github.com/jackspace/ClaudeSkillz --skill chrome-devtools-jackspace

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

Browser automation via executable Puppeteer scripts for automation, testing, and data collection.

Core Features & Use Cases

  • Automated navigation, screenshots, form filling, and data extraction
  • Performance and network analysis
  • Web scraping, debugging, and automation workflows

Quick Start

Install system dependencies (Linux/WSL), install Node dependencies, and run scripts under .claude/skills/chrome-devtools/scripts to produce JSON outputs.

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

Browser automation with Puppeteer lets you script navigation, capture screenshots, fill forms, and extract data programmatically. This Skill runs Puppeteer CLI scripts in Node.js to execute these tasks and output results as JSON, supporting Chromium-based environments.

Can I use Puppeteer to scrape web pages and collect data?

Yes, Puppeteer enables web scraping by automating page navigation, DOM traversal, and data extraction. This Skill wraps Puppeteer scripts that parse content and return structured JSON output for downstream processing.

How do I analyze network performance and JavaScript execution in browsers?

Network monitoring and performance analysis via Puppeteer capture request/response data, timing metrics, and console output. This Skill runs performance-focused Puppeteer scripts that output JSON-formatted metrics for evaluation.

What setup do I need to run Puppeteer automation scripts?

You need Node.js installed with Puppeteer and dependencies, plus system-level browser binaries. This Skill enforces environment safeguards including working-directory checks and absolute paths to ensure consistent execution in Chromium environments.

Can I automate debugging and testing workflows across different browsers?

Puppeteer automation works with Chromium-based browsers for debugging, testing, and validation workflows. This Skill executes scripts that perform JavaScript debugging, screenshot comparison, and form automation with structured JSON output.

Does this work for large-scale web scraping and batch automation?

Puppeteer scripts can be scaled for batch automation and web scraping tasks. This Skill manages execution consistency via environment safeguards and absolute paths, with optional image compression via ImageMagick, suitable for systematic data collection workflows.