ck:chrome-devtools

Automate browser tasks with Puppeteer CLI scripts for screenshots and web scraping.

1|Updated May 4, 2026
One-click install
npx skills add https://github.com/auxi-wardrobe/auxi-all-in --skill ck-chrome-devtools-auxi-wardrobe
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ck:chrome-devtools
Source: https://github.com/auxi-wardrobe/auxi-all-in/tree/main/.agents/skills/chrome-devtools
Command: npx skills add https://github.com/auxi-wardrobe/auxi-all-in --skill ck-chrome-devtools-auxi-wardrobe

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill automates various browser tasks, including screenshots, performance analysis, network monitoring, web scraping, form automation, and JavaScript debugging, saving time and streamlining workflows.

Core Features & Use Cases

  • Browser Automation: Execute Puppeteer CLI scripts and persistent sessions for browser tasks.
  • Screenshots: Capture screenshots of web pages, specific elements, or the entire page.
  • Performance Analysis: Monitor performance metrics and generate performance traces.
  • Network Monitoring: Track HTTP requests and responses.
  • Web Scraping: Extract data from web pages using custom scripts.
  • Form Automation: Fill out web forms programmatically.
  • JavaScript Debugging: Debug JavaScript code running in the browser.
  • Use Case: Automate the process of capturing screenshots of all products on an e-commerce website and saving them for analysis.

Quick Start

Use the ck:chrome-devtools skill to navigate to 'https://example.com' and capture a screenshot of the 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 web scraping and form filling using Puppeteer?

Automate web scraping and form filling by executing Puppeteer CLI scripts with persistent sessions. This programmatically extracts data from web pages and fills out web forms to streamline development and QA workflows.

Can I capture screenshots of specific elements during browser automation?

Yes, browser automation allows you to capture screenshots of specific elements or entire web pages. Puppeteer scripts execute these captures programmatically, saving the images for visual analysis and testing.

Does this browser automation approach support network monitoring and JavaScript debugging?

Yes, Puppeteer scripts support network monitoring by tracking HTTP requests and responses, and enable JavaScript debugging for code running in the browser to troubleshoot issues during development.

What is the best way to generate performance traces for web pages?

The best way to generate performance traces is using Puppeteer scripts to monitor performance metrics. This browser automation approach captures detailed performance data for development and testing analysis.

Do I need Puppeteer installed to run browser automation scripts?

Yes, you need Puppeteer and its related libraries installed as dependencies. These provide the core functionality required to execute CLI scripts for screenshots, web scraping, and network monitoring.