chrome-devtools

Automate browser testing with Puppeteer scripts and persistent sessions.

Updated Feb 27, 2026
One-click install
npx skills add https://github.com/haidonglethqb/CloudSchool --skill chrome-devtools-haidonglethqb
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: chrome-devtools
Source: https://github.com/haidonglethqb/CloudSchool/tree/main/.claude/skills/chrome-devtools
Command: npx skills add https://github.com/haidonglethqb/CloudSchool --skill chrome-devtools-haidonglethqb

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Chrome DevTools Agent Skill provides a robust set of CLI scripts to automate browser actions, capture data, and analyze performance, reducing manual testing overhead.

Core Features & Use Cases

  • End-to-end browser automation with Puppeteer: navigate, interact (click, fill, type), take screenshots, and run JavaScript in page context.
  • ARIA-aware DOM inspection and interaction via YAML snapshots and element refs for accessible automation.
  • Session-persistent workflows: reuse a running browser across scripts for faster iteration, debugging, and testing.

Quick Start

Install dependencies, run navigate.js with a URL, and observe JSON output describing the page state.

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 interactions and capture screenshots using Puppeteer?

You can automate browser interactions by running Puppeteer scripts that navigate, click, fill forms, and take screenshots. The skill manages a shared browser process to execute these actions and returns JSON output describing the page state.

Can I reuse a browser session across multiple Puppeteer automation scripts?

Yes, session-persistent workflows allow you to reuse a running browser across multiple scripts. This shared browser process leverages WebSocket endpoints and auth sessions for faster iteration, debugging, and testing.

How does ARIA-aware DOM inspection work for accessible web scraping?

ARIA-aware DOM inspection captures accessibility tree snapshots in YAML format, providing element refs for accessible automation. This allows scripts to interact with page elements based on their ARIA roles rather than fragile CSS selectors.

What's the best way to monitor network traffic and analyze page performance in browser automation?

The skill provides CLI utilities for network monitoring and performance analysis during browser automation. It runs Puppeteer scripts to capture network requests and performance metrics, outputting the data for review.

Do I need Node.js and Puppeteer installed to run these browser automation scripts?

Yes, you need a Node.js environment to install dependencies like Puppeteer, sharp, debug, and yargs. The skill relies on a project-scoped layout with CLI utilities that manage the browser process and require these packages.

Why does my Puppeteer script lose the authenticated state when navigating between pages?

If scripts lose authentication state, ensure you are using the session persistence features to reuse a shared browser process. The skill manages auth sessions and WebSocket endpoints to maintain login states across script executions.