chrome-devtools

Automate browser tasks and collect performance metrics via Puppeteer and CDP.

Updated Jan 4, 2026
One-click install
npx skills add https://github.com/Komi-san-kugi/elaina-portfolio --skill chrome-devtools-komi-san-kugi
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: chrome-devtools
Source: https://github.com/Komi-san-kugi/elaina-portfolio/tree/main/.claude/skills/chrome-devtools
Command: npx skills add https://github.com/Komi-san-kugi/elaina-portfolio --skill chrome-devtools-komi-san-kugi

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Enables browser automation, debugging, and performance analysis with Puppeteer scripts and Chrome DevTools Protocol (CDP).

Core Features & Use Cases

  • Automation & testing: Navigate, capture screenshots, fill forms, and interact with pages.
  • Network & performance: Monitor network activity and collect performance metrics.
  • Debugging: Use CDP domains for in-depth debugging and instrumentation.

Quick Start

Run Puppeteer scripts to navigate to a URL, take a screenshot, or collect performance data.