chrome-devtools

Automate browser interactions and capture console logs via Puppeteer.

18|Updated Sep 23, 2025

Search Tags:#automation #performance #debugging #cdp #puppeteer

Ready to run

npx skills add https://github.com/CongDon1207/AGENTS.md --skill chrome-devtools-congdon1207

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: chrome-devtools
Source: https://github.com/CongDon1207/AGENTS.md/tree/main/.codex/skills/chrome-devtools
Command: npx skills add https://github.com/CongDon1207/AGENTS.md --skill chrome-devtools-congdon1207

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 via Puppeteer/Chrome DevTools Protocol.

Core Features & Use Cases

Automation: navigate, click, fill, screenshot, and script interactions
Debugging: console/log capture, breakpoints, and error tracing
Performance: measure core web vitals, tracing, and resource timing
Diagnostics: ARIA snapshot, element inspection, and robust error handling

Quick Start

Use Puppeteer-based scripts to automate a login, capture a screenshot, and log console output.