chrome-devtools

Drive Puppeteer browser automation with persistent sessions and JSON outputs.

Updated Dec 16, 2025
One-click install
npx skills add https://github.com/nguyenvanlinh1902/trackingSolar --skill chrome-devtools-nguyenvanlinh1902
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: chrome-devtools
Source: https://github.com/nguyenvanlinh1902/trackingSolar/tree/main/.opencode/skill/chrome-devtools
Command: npx skills add https://github.com/nguyenvanlinh1902/trackingSolar --skill chrome-devtools-nguyenvanlinh1902

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Chrome DevTools-based automation reduces repetitive browser tasks by driving Puppeteer scripts and maintaining persistent sessions, enabling repeatable results across projects.

Core Features & Use Cases

  • Automated browser control using Puppeteer with session persistence across commands
  • Screenshots, performance analysis, network monitoring, and web scraping workflows
  • Structured JSON outputs for easy integration with other tools

Quick Start

Install dependencies with npm and start a session by running navigate.js, then reuse the same browser for subsequent automation.

Frequently Asked Questions about chrome-devtools

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

FAQPage Schema
How do I automate browser tasks and maintain a persistent session with Puppeteer?

Automate browser tasks by driving Puppeteer scripts that preserve session state across commands. Start a session with navigate.js, then reuse the same browser instance for subsequent automation workflows to ensure repeatable results.

Can I use CSS and XPath selectors for web scraping and form interactions?

Yes, web scraping and form interactions support both CSS and XPath selectors. The automation enforces selector validation before executing interactions, ensuring scripts target the correct elements reliably during browser automation.

How do I capture screenshots and monitor network performance during browser automation?

Capture screenshots and monitor network performance by running Puppeteer scripts that analyze page metrics. The automation outputs deterministic JSON results containing performance analysis and network data for easy integration with other tools.

Does this browser automation tool output structured data for integration with other testing workflows?

Yes, browser automation outputs deterministic JSON results for integration with other tools. Structured outputs cover navigation, screenshot capture, form interactions, performance monitoring, and network analysis across project- or user-scope workflows.

Do I need specific dependencies installed to run Puppeteer scripts for browser automation?

Yes, you need dependencies including puppeteer, sharp, debug, and yargs installed via npm. Install dependencies first, then start a session by running navigate.js to begin automating browsers with Puppeteer scripts.

What are the limitations of using Puppeteer for browser automation versus other testing approaches?

Puppeteer automation focuses on browser control with session persistence but requires selector validation for reliability. It outputs JSON results rather than visual reports, making it better suited for integration workflows than manual testing inspection.