chrome-devtools

Automate browser tasks with Puppeteer scripts using persistent sessions.

1|Updated Jan 25, 2026
One-click install
npx skills add https://github.com/hoanghd218/tranvanhoang.com --skill chrome-devtools-hoanghd218
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: chrome-devtools
Source: https://github.com/hoanghd218/tranvanhoang.com/tree/main/.claude/skills/chrome-devtools
Command: npx skills add https://github.com/hoanghd218/tranvanhoang.com --skill chrome-devtools-hoanghd218

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Automating repetitive browser tasks across multiple sites to save time and ensure consistent results, including screenshots, performance measurements, network monitoring, form automation, and debugging.

Core Features & Use Cases

  • Puppeteer-based automation with persistent sessions for reliable multi-step workflows.
  • Supports screenshots, ARIA snapshot, cookie/auth injection, network and performance monitoring.
  • Use cases include automated QA checks, login-preserved workflows, and rapid data collection across sites.

Quick Start

Start by running a navigation task to a page, then capture a screenshot and review ARIA snapshot results in a single session.

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 with persistent sessions in Puppeteer?

Puppeteer automation with persistent sessions allows reliable multi-step workflows by saving and reusing browser state. This enables login-preserved workflows and automated QA checks across multiple pages without re-authenticating each time.

How do I capture screenshots and ARIA snapshots during web automation?

Capturing screenshots and ARIA snapshots during web automation involves running a navigation task to a page, then invoking the relevant scripts within a single session. This combines visual output with accessibility tree data for automated QA checks.

Does Puppeteer support network and performance monitoring for automated workflows?

Puppeteer supports network and performance monitoring through dedicated automation scripts. These scripts track network requests, measure page load metrics, and capture performance data across web pages to ensure consistent application behavior.

Can I use cookie and auth injection to preserve login state across automated browser sessions?

Cookie and auth injection preserves login state by injecting authentication cookies into the browser session before navigation. This allows automated workflows to bypass login forms and maintain authenticated access across multiple sites.

What are the requirements for running Puppeteer automation scripts with persistent sessions?

Running Puppeteer automation scripts requires Node.js 18 or higher, the Puppeteer library, and the necessary Sharp, Debug, and Yargs dependencies. These provide the environment for session management, cookie injection, and ARIA snapshot generation.

What's the best way to automate repetitive browser tasks across multiple sites?

Automating repetitive browser tasks across multiple sites is best handled through Puppeteer-based scripts with persistent sessions. This approach ensures consistent results for form automation, rapid data collection, and debugging without manual intervention.