skills.rest
vuminhieu
vuminhieuCOMMUNITY
Explore all skills by this author →
GitHub

chrome-devtools

Orchestrate Puppeteer scripts with persistent sessions for browser automation and testing.

Updated Feb 2, 2026
Search Tags:#screenshots#browser automation#web performance#Puppeteer#CDP#ARIA snapshot#XPath
One-click install
npx skills add https://github.com/vuminhieu/spexor-client --skill chrome-devtools-vuminhieu
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: chrome-devtools
Source: https://github.com/vuminhieu/spexor-client/tree/main/.agent/skills/skills/chrome-devtools
Command: npx skills add https://github.com/vuminhieu/spexor-client --skill chrome-devtools-vuminhieu

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill automates browser-driven workflows, reducing manual testing and repetitive UI tasks by orchestrating Puppeteer scripts and CDP-based tooling with persistent sessions.

Core Features & Use Cases

  • Persistent browser sessions: reuse an open browser across multiple automation scripts to speed up chaining.
  • Comprehensive automation toolkit: run navigate, click, fill, take screenshots, capture network/performance data, and ARIA snapshots for accessibility-aware automation.
  • Use Case: In a web app QA pipeline, run a sequence of scripts to log in, verify UI, collect metrics, and generate a report with a single command.

Quick Start

Install dependencies in the skill directory and run the first automation script, e.g., navigate to a URL and observe JSON output.

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 and UI testing with Puppeteer?▼

Automate browser tasks by orchestrating Puppeteer scripts with persistent sessions. It handles UI testing, navigation, clicking, filling forms, and taking screenshots, outputting JSON results per run.

Can I capture web performance metrics and network data during browser automation?▼

Yes, browser automation scripts can capture network and performance data during page analysis. The Skill runs CDP-based tooling to collect these metrics and outputs them in JSON format.

How do ARIA snapshots work for accessibility-aware automation?▼

ARIA snapshots capture the accessibility tree during browser automation. This enables accessibility-aware testing by allowing scripts to interact with and verify page structures beyond visual elements.

Do I need Node.js 18 to run Puppeteer and CDP tooling?▼

Yes, you need Node.js 18+ to run Puppeteer and DevTools Protocol tooling. Install dependencies like puppeteer, sharp, and yargs in the skill directory before executing automation scripts.

What is the best way to chain multiple browser automation scripts together?▼

The best way to chain scripts is using persistent browser sessions. This allows you to reuse an open browser across multiple automation workflows, speeding up sequential tasks like logging in and verifying UI.

Why use persistent sessions for web page analysis instead of launching new browsers?▼

Persistent sessions speed up chaining multiple automation scripts by reusing an open browser. This avoids the overhead of launching new instances for each step in a QA pipeline or testing workflow.

Related Skills

Explore More Software Engineering Skills→
levanminhduclevanminhduc

chrome-devtools

Automate browser tasks and debugging workflows with Puppeteer CLI scripts.

Community
Advanced
KanTrunKanTrun

chrome-devtools

Automate browser tasks with Puppeteer CLI scripts and JSON outputs.

Community
Advanced
jangtrinhjangtrinh

ck:chrome-devtools

Automate Puppeteer browser testing with screenshots, ARIA snapshots, and diagnostics.

Community
Advanced
smarmen86smarmen86

seo-unlighthouse

Run automated multi-page Lighthouse audits and generate aggregate JSON reports.

Community
Intermediate