ck:chrome-devtools

Automate browser tasks with Puppeteer CLI scripts and persistent sessions.

1|1|Updated Jan 15, 2026
One-click install
npx skills add https://github.com/Thanh-apero/apero-kit-cli --skill ck-chrome-devtools-thanh-apero
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ck:chrome-devtools
Source: https://github.com/Thanh-apero/apero-kit-cli/tree/main/.claude/skills/chrome-devtools
Command: npx skills add https://github.com/Thanh-apero/apero-kit-cli --skill ck-chrome-devtools-thanh-apero

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires puppeteer, aria-snapshot.js, select-ref.js, console.js, network.js, performance.js, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates browser tasks, such as screenshots, performance analysis, and web scraping, using Puppeteer CLI scripts and persistent sessions, saving time and streamlining workflows.

Core Features & Use Cases

  • Browser Automation: Automate tasks like screenshots, performance analysis, and web scraping with Puppeteer scripts.
  • Persistent Sessions: Use persistent browser sessions for continuous automation tasks.
  • Use Case: For a web developer working on a complex project, this Skill can automate regression testing, performance profiling, and visual regression testing.

Quick Start

Run the script 'take-screenshot.js' to capture a screenshot of the current page.

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 like web scraping and screenshot capture?

You can automate browser tasks like web scraping and screenshot capture by running Puppeteer CLI scripts. This Skill provides built-in scripts such as take-screenshot.js to execute these automation workflows directly.

Can I maintain a persistent browser session for continuous automation?

Yes, persistent browser sessions are supported for continuous automation. This allows you to maintain state and execute sequential Puppeteer scripts across ongoing web scraping or regression testing workflows without restarting.

Does this Skill support performance analysis and profiling for web applications?

Performance analysis is supported through dedicated performance scripts. By leveraging Puppeteer automation, you can profile web applications and capture performance metrics during continuous browsing sessions.

How do I capture a screenshot of a web page using Puppeteer?

To capture a screenshot of a web page, run the take-screenshot.js script provided by this Skill. It utilizes Puppeteer to automate the browser and save the current page state as an image file.

What libraries are required to run Puppeteer scripts for browser automation?

You need Puppeteer and its associated libraries, including aria-snapshot.js, select-ref.js, console.js, network.js, and performance.js. These dependencies provide the necessary environment for executing browser automation scripts.

What is the best way to automate visual regression testing for a web project?

The best way to automate visual regression testing is using Puppeteer scripts with persistent sessions. This approach streamlines workflows by automating screenshots and performance profiling for complex web development projects.