chrome-devtools

Automate browser tasks with Puppeteer and Chrome DevTools Protocol.

22|3|Updated Dec 29, 2025
One-click install
npx skills add https://github.com/binhmuc/autobot-review --skill chrome-devtools-binhmuc
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: chrome-devtools
Source: https://github.com/binhmuc/autobot-review/tree/main/.claude/skills/chrome-devtools
Command: npx skills add https://github.com/binhmuc/autobot-review --skill chrome-devtools-binhmuc

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?

This Skill enables browser automation, debugging, and performance analysis using Puppeteer and Chrome DevTools Protocol to streamline testing, scraping, and QA tasks.

Core Features & Use Cases

  • Persistent sessions: Reuse a running browser across scripts for faster workflows.
  • ARIA snapshot: Generate accessible element maps to plan interactions.
  • Locator-based actions: Use CSS or XPath selectors with robust interaction helpers.
  • Performance & Network tooling: Trace performance, monitor network, and run automated checks.
  • Use Case: Automate end-to-end browser tasks like navigation, form filling, and screenshotting with repeatable pipelines.

Quick Start

Start a session, navigate to a page, and capture a screenshot using navigate.js and screenshot.js.