skills.rest
toanalien
toanalienCOMMUNITY
Explore all skills by this author →
GitHub

chrome-devtools

Automate browser interactions with Puppeteer CLI scripts for screenshots, scraping, and form automation.

Updated Feb 14, 2026
Search Tags:#debugging#screenshots#browser automation#web scraping#form automation#puppeteer
One-click install
npx skills add https://github.com/toanalien/ezdevsecops --skill chrome-devtools-toanalien
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: chrome-devtools
Source: https://github.com/toanalien/ezdevsecops/tree/main/.opencode/skills/chrome-devtools
Command: npx skills add https://github.com/toanalien/ezdevsecops --skill chrome-devtools-toanalien

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, making repetitive web tasks like data scraping, form submission, and website testing efficient and scalable.

Core Features & Use Cases

  • Web Scraping: Extract data from websites.
  • Form Automation: Fill and submit forms programmatically.
  • Screenshots & Analysis: Capture visual states of web pages for monitoring or debugging.
  • Debugging: Inspect network traffic and console logs.
  • Use Case: Automatically log into a web application, fill out a user profile, and take a screenshot of the confirmation page.

Quick Start

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

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 form submission using Puppeteer?▼

Automate web scraping and form submission using Puppeteer by executing CLI scripts that navigate pages, extract data, and fill forms programmatically with persistent browser sessions.

Can I take screenshots of web pages for debugging with browser automation?▼

Take screenshots for debugging by running Puppeteer CLI scripts that capture visual states of web pages and store the resulting image assets for monitoring or analysis.

Does this browser automation approach support network traffic monitoring?▼

Network traffic monitoring is supported through Puppeteer CLI scripts that inspect network requests and console logs, enabling in-depth debugging and performance analysis of web applications.

What is the best way to handle repetitive web tasks like automated logins?▼

Handle repetitive web tasks like automated logins by using Puppeteer to maintain persistent sessions, allowing scripts to programmatically authenticate, fill user profiles, and capture confirmation screenshots.

Do I need Puppeteer installed to run web scraping and form automation scripts?▼

Puppeteer is required as a core dependency to run the browser automation scripts, alongside Sharp for image processing and Yargs for parsing CLI script arguments.

Can Puppeteer scripts be used for performance analysis of web applications?▼

Puppeteer scripts support performance analysis by automating browser interactions to monitor network traffic, inspect console logs, and capture page states during deterministic testing workflows.

Related Skills

Explore More Software Engineering Skills→
NammDevNammDev
2

chrome-devtools

Automate browser tasks and data collection with Puppeteer CLI scripts.

Community
Advanced
johnlindquistjohnlindquist
24

chrome

Automate browser interactions for web testing and data extraction with Puppeteer or Playwright.

Community
Advanced
dotnetdreamerdotnetdreamer
23

app-screenshots

Automate app store screenshot testing and PNG asset generation via headless browser.

Community
Advanced
byeSystem32byeSystem32

agent-browser

Automate web interactions via command-line browser automation commands.

Community
Advanced