hapo:chrome-devtools
OfficialAutomate browser interactions and analysis with Puppeteer CLI scripts.
Authorhaposoft
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates complex browser interactions and analysis using Puppeteer CLI scripts, simplifying tasks like screenshots, performance analysis, and web scraping.
Core Features & Use Cases
- Browser Automation: Automate browser tasks like navigation, screenshot taking, and element interaction.
- Performance Analysis: Measure and report Core Web Vitals and performance metrics.
- Network Monitoring: Track HTTP requests and responses for debugging and optimization.
- Web Scraping: Extract data from web pages for data mining and automation.
- Use Case: Need to extract and analyze all the images from a website for SEO optimization? Use this Skill to automate the scraping and processing of images.
Quick Start
To start automating with Chrome DevTools, run the following command:
/hapo:chrome-devtools --url https://example.com --script "page.evaluate(() => document.querySelectorAll('img').map(img => img.src))"
Dependency Matrix
Required Modules
puppeteer
Components
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: hapo:chrome-devtools Download link: https://github.com/haposoft/cafekit/archive/main.zip#hapo-chrome-devtools Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.