skills.rest
franroa
franroaCOMMUNITY
Explore all skills by this author →
GitHub

chrome-devtools

Automate browser tasks with Puppeteer scripts and emit JSON output.

Updated Oct 22, 2025
Search Tags:#devtools#scripting#puppeteer#web-testing#web-scraping#browser-automation
One-click install
npx skills add https://github.com/franroa/chezmoi --skill chrome-devtools-franroa
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: chrome-devtools
Source: https://github.com/franroa/chezmoi/tree/main/private_dot_config/opencode/skills/chrome-devtools
Command: npx skills add https://github.com/franroa/chezmoi --skill chrome-devtools-franroa

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill enables browser automation, debugging, and performance analysis via Puppeteer-based scripts, outputting structured JSON for easy consumption.

Core Features & Use Cases

  • Navigate and interact: Open pages, click elements, fill forms.
  • Automation & screenshots: Take full-page screenshots, chain commands.
  • Performance & network analysis: Track console, network, and performance data.

Quick Start

Run navigate.js to visit a URL and return a JSON payload with page title and URL.

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 like clicking, filling forms, and taking screenshots?▼

Browser automation uses Puppeteer scripts to control a headless browser, executing actions like navigation, form filling, element clicking, and full-page screenshots. This Skill provides executable scripts that handle these tasks end-to-end and output structured JSON results.

Can I scrape data from websites and extract page information programmatically?▼

Yes, web scraping extracts data from pages by automating browser navigation and interaction. This Skill includes scripts that navigate URLs, interact with page elements, and return data as JSON, supporting data extraction workflows across Linux, macOS, and Windows.

What's the best way to monitor network traffic and performance metrics while automating a browser?▼

Performance and network analysis capture console logs, network requests, and performance metrics during browser automation. This Skill tracks this data through Puppeteer's debugging APIs and outputs the results in structured JSON format for analysis.

Do I need to install dependencies like Node.js and Puppeteer before running these automation scripts?▼

Yes, browser automation scripts require Node.js runtime and Puppeteer library. This Skill manages dependency setup, enforces correct working directory configuration, and provides error-recovery guidance to handle missing or misconfigured environments.

Can I automate browser tasks on Windows, macOS, and Linux?▼

Browser automation via Puppeteer runs on Linux, WSL, macOS, and Windows. This Skill's scripts are cross-platform and include automatic screenshot compression and robust error handling for multi-OS environments.

What are the limitations when automating repetitive web tasks with browser scripts?▼

Browser automation depends on stable page structure and network connectivity; complex JavaScript rendering or anti-bot measures may cause delays. This Skill provides executable scripts with built-in error recovery but requires correct Node.js and Puppeteer setup for consistent results.

Related Skills

Explore More Software Engineering Skills→
levanminhduclevanminhduc

chrome-devtools

Automate browser tasks and debugging workflows with Puppeteer CLI scripts.

Community
Advanced
ofelixdevofelixdev

sarif-parsing

Parse SARIF files from static analysis tools and deduplicate findings.

Community
Intermediate
nokonoko1203nokonoko1203
93

playwright-cli

Automate browser interactions for web testing, form filling, screenshots, and data extraction.

Community
Advanced
SecurityRoninSecurityRonin
1

browser-automation

Automate browser tasks and testing across Playwright, Puppeteer, Selenium, and CDP workflows.

Official
Intermediate