chrome-devtools

Automates browsers and captures screenshots using Puppeteer and the web's native protocol.

Updated Aug 23, 2026

Search Tags:#testing #performance #screenshots #cdp #puppeteer #browser-automation

One-click install

npx skills add https://github.com/TUAN130294/erablue-app --skill chrome-devtools-tuan130294

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: chrome-devtools
Source: https://github.com/TUAN130294/erablue-app/tree/main/.claude/skills/chrome-devtools
Command: npx skills add https://github.com/TUAN130294/erablue-app --skill chrome-devtools-tuan130294

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Automate browser workflows, perform debugging, and analyze performance using Puppeteer and Chrome DevTools Protocol. This Skill enables browser automation, screenshots, network monitoring, and targeted interactions for testing and optimization.

Core Features & Use Cases

Puppeteer-based automation for navigation, interactions, and screenshots
Performance measurement, network analysis, and DOM inspection
Accessibility checks and ARIA snapshot workflows
Use for automated UI testing, data collection, or debugging complex web apps

Quick Start

Launch a Puppeteer script to navigate to a page and capture a screenshot.