skills.rest
mchien15
mchien15COMMUNITY
Explore all skills by this author →
GitHub

chrome-devtools

Automates browser interactions with Puppeteer scripts for web tasks.

Updated Mar 29, 2026
Search Tags:#automation#puppeteer#ui-testing#web-automation#session-persistence#browser-control
One-click install
npx skills add https://github.com/mchien15/wrenai --skill chrome-devtools-mchien15
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: chrome-devtools
Source: https://github.com/mchien15/wrenai/tree/main/.claude/skills/chrome-devtools
Command: npx skills add https://github.com/mchien15/wrenai --skill chrome-devtools-mchien15

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Chrome DevTools automation enables repeatable browser automation by driving Puppeteer-based CLI scripts, reducing manual testing and repetitive tasks.

Core Features & Use Cases

  • Navigation, click, fill, and evaluate actions via scripts like navigate.js, click.js, fill.js, and evaluate.js
  • ARIA snapshot and ref-based element interaction for stable automation
  • Session-persistent automation across runs using a WebSocket-based browser endpoint to reuse the same browser instance

Quick Start

Install dependencies in the skill directory and run node navigate.js --url <target> to begin automation

Frequently Asked Questions about chrome-devtools

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate web interactions and form filling with Puppeteer?▼

Automate web interactions by executing Puppeteer-based CLI scripts like navigate.js, click.js, and fill.js to drive browser tasks. These scripts handle navigation, form filling, and element evaluation, reducing manual testing overhead.

How does session-persistent browser automation work across multiple runs?▼

Session-persistent automation works by connecting to a WebSocket-based browser endpoint, allowing you to reuse the same browser instance across multiple tasks and runs, preserving state and cookies without relaunching.

What do I need to set up to run Puppeteer CLI scripts for web automation?▼

You need Node.js 18+ and Puppeteer installed in the skill directory. Install dependencies first, then run node navigate.js --url <target> to launch browser automation workflows.

How can I capture network and performance metrics during web automation?▼

Capture network and performance metrics using network.js and performance.js scripts within the Puppeteer automation suite. These scripts monitor traffic and render timings during automated browser tasks.

How do I target stable UI elements for clicking during web automation?▼

Target stable UI elements using aria-snapshot.js to generate ARIA snapshots and ref-based element interaction. This approach ensures reliable element selection during automated navigation and click actions.

Can I capture screenshots during automated browser navigation?▼

Yes, capture screenshots during automated browser navigation using the Puppeteer script suite. The automation workflow supports screenshot capture alongside navigation, data extraction, and performance monitoring tasks.

Related Skills

Explore More Software Engineering Skills→
vuminhieuvuminhieu

chrome-devtools

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

Community
Advanced
KanTrunKanTrun

chrome-devtools

Automate browser tasks with Puppeteer CLI scripts and JSON outputs.

Community
Advanced
pikakitpikakit

chrome-devtools

Automate browser tasks via Puppeteer CLI with session persistence and JSON output.

Community
Advanced
coalesce-labscoalesce-labs
20

agent-browser

Automate browser navigation, form filling, and UI testing with persisted sessions.

Official
Advanced