ck:chrome-devtools

Automate browser tasks and testing workflows with Puppeteer CLI scripts.

Updated Feb 27, 2026
One-click install
npx skills add https://github.com/haidonglethqb/CloudSchool --skill ck-chrome-devtools-haidonglethqb
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ck:chrome-devtools
Source: https://github.com/haidonglethqb/CloudSchool/tree/main/.qwen/skills/chrome-devtools
Command: npx skills add https://github.com/haidonglethqb/CloudSchool --skill ck-chrome-devtools-haidonglethqb

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This skill provides a robust set of CLI scripts to automate browser tasks, capture data, and analyze performance across sessions, reducing manual testing and repetitive work.

Core Features & Use Cases

  • Browser automation: run deterministic Puppeteer scripts for navigation, screen capture, form automation, and data extraction with persistent sessions.
  • Performance & monitoring: collect network activity, console logs, and core web vitals, plus optional tracing for in-depth analysis.
  • Development workflows: integrate with debugging, ARIA snapshot generation, and automated screenshots across multiple pages and sessions.

Quick Start

Install dependencies with npm install and run a sample script such as node navigate.js --url https://example.com to verify the workflow.

Frequently Asked Questions about ck:chrome-devtools

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

FAQPage Schema
How do I automate browser tasks and capture screenshots with Puppeteer?

Automate browser tasks and capture screenshots by running deterministic Puppeteer CLI scripts. These scripts handle navigation, screen capture, and form automation while maintaining persistent sessions across multiple pages for robust web scraping and testing.

How do I monitor network activity and measure Core Web Vitals during browser testing?

Monitor network activity and measure Core Web Vitals by executing Puppeteer scripts that collect console logs and performance metrics. The scripts apply optional tracing for in-depth performance analysis across multiple sessions to identify bottlenecks.

Do I need Node.js and specific dependencies to run Puppeteer automation scripts?

Yes, you need Node.js 18+ along with Puppeteer, Sharp, yargs, and debug dependencies. Install them using npm install to set up the required environment before executing the provided CLI scripts for browser automation and debugging workflows.

What is the best way to maintain persistent sessions across multiple pages during web scraping?

Maintain persistent sessions across multiple pages during web scraping by using a WebSocket-based browser connection. This Puppeteer automation skill ensures session persistence and robust error handling, allowing continuous data extraction without losing state.

How does Puppeteer handle debugging and ARIA snapshot generation for development workflows?

Puppeteer handles debugging and ARIA snapshot generation by integrating these features directly into the automation scripts. Developers can capture ARIA snapshots and debug workflows across multiple sessions, ensuring accessibility compliance and resolving issues efficiently.

Why does my Puppeteer script fail to maintain state during form automation?

Puppeteer scripts fail to maintain state when not using persistent sessions. This skill ensures session persistence via a WebSocket-based browser connection combined with robust error handling, preventing state loss during form automation and repetitive testing.