skills.rest
IoT-VN
IoT-VNCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

chrome-devtools

Automate browser interactions and data extraction using Puppeteer CLI scripts.

Updated Feb 11, 2026
Search Tags:#testing#cli#browser automation#web scraping#devtools#puppeteer
One-click install
npx skills add https://github.com/IoT-VN/tuya-energy-dashboard --skill chrome-devtools-iot-vn
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: chrome-devtools
Source: https://github.com/IoT-VN/tuya-energy-dashboard/tree/main/.opencode/skills/chrome-devtools
Command: npx skills add https://github.com/IoT-VN/tuya-energy-dashboard --skill chrome-devtools-iot-vn

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill automates browser interactions and data collection, streamlining tasks like web scraping, testing, and debugging without manual intervention.

Core Features & Use Cases

  • Browser Automation: Navigate, click, fill forms, and take screenshots using Puppeteer scripts.
  • Data Extraction: Scrape website content, monitor network traffic, and capture console logs.
  • Debugging & Analysis: Inspect accessibility trees, analyze performance metrics, and debug WebSocket connections.
  • Use Case: Automatically log into a web application, fill out a complex form, submit it, and capture a screenshot of the confirmation page.

Quick Start

Use the chrome-devtools skill to navigate to https://example.com and take a screenshot named example.png.

Frequently Asked Questions about chrome-devtools

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

FAQPage Schema
How do I automate web scraping and browser interactions with Puppeteer?▼

To automate web scraping with Puppeteer, you run CLI scripts that control browser interactions to extract website content, monitor network traffic, and capture console logs without manual intervention.

Can I use Puppeteer to log into a website and fill out complex forms automatically?▼

Yes, Puppeteer can log into web applications automatically by injecting authentication, filling out complex forms, submitting them, and capturing a screenshot of the confirmation page.

Does this browser automation tool support both CSS and XPath selectors?▼

Yes, this browser automation tool supports both CSS and XPath selectors to target elements, enabling deterministic task execution for web scraping and form automation scripts.

How do I analyze performance metrics and inspect accessibility trees during web testing?▼

You can analyze performance metrics and inspect accessibility trees by running Puppeteer CLI scripts that debug WebSocket connections and perform accessibility audits during automated browser interactions.

What is the best way to maintain session persistence across automated browser tasks?▼

The best way to maintain session persistence across automated browser tasks is by using Puppeteer CLI scripts that support session persistence and authentication injection for deterministic task execution.

Do I need Node.js to run Puppeteer CLI scripts for network monitoring?▼

Yes, you need an environment that supports Puppeteer and its dependencies like sharp and yargs to run CLI scripts for network monitoring, web scraping, and performance analysis.

Related Skills

Explore More Software Engineering Skills→
levanminhduclevanminhduc

chrome-devtools

Automate browser tasks and debugging workflows with Puppeteer CLI scripts.

Community
Advanced
gizixgizix
2

data-pipeline

Implement Scrapy data pipelines for validation, cleaning, de-duplication, and export.

Community
Advanced
VoDaiLoczVoDaiLocz
24

chrome-devtools

Automate browser tasks with Puppeteer CLI scripts for navigation, screenshots, and performance analysis.

Community
Advanced
web-infra-devweb-infra-dev
286

Browser Automation

Automate web browser interactions using visual cues from screenshots.

Official
Intermediate