skills.rest
limaon
limaonCOMMUNITY
Explore all skills by this author →
GitHub

browser

Automate Chrome browser tasks via the Chrome DevTools Protocol.

Updated Jul 8, 2022
Search Tags:#automation#cdp#browser#web-scraping#puppeteer-core#dom-inspection
One-click install
npx skills add https://github.com/limaon/dotfiles --skill browser-limaon
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: browser
Source: https://github.com/limaon/dotfiles/tree/main/.config/opencode/skills/browser
Command: npx skills add https://github.com/limaon/dotfiles --skill browser-limaon

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires puppeteer-core.

What problem does it solve?

This skill provides a compact, self-contained toolkit to automate Chrome DevTools Protocol tasks for browser automation and scraping, reducing manual debugging and repetitive steps.

Core Features & Use Cases

  • Start Chrome with remote debugging enabled and an optional user profile for consistent testing.
  • Navigate to URLs, open new tabs, and manage tab contexts programmatically.
  • Evaluate JavaScript in the active page and capture screenshots for verification and reporting.
  • Interactive element inspection to inspect DOM nodes and extract selectors during exploration.

Quick Start

Launch Chrome with remote debugging using the included scripts, then navigate to a page and evaluate a small script to verify setup.

Frequently Asked Questions about browser

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

FAQPage Schema
How do I automate browser tasks using the Chrome DevTools Protocol?▼

Automating browser tasks via the Chrome DevTools Protocol involves connecting puppeteer-core to a local Chrome instance with remote debugging enabled, enabling programmatic navigation, JavaScript evaluation, and screenshot capture.

Can I use puppeteer-core to inspect DOM nodes and extract selectors during web scraping?▼

Yes, puppeteer-core supports DOM inspection during web scraping by interactively evaluating JavaScript in the active page to inspect DOM nodes and extract CSS selectors.

Do I need a local Chrome installation to use this browser automation skill?▼

Yes, this browser automation skill requires a local Chrome or Chromium installation with remote debugging enabled and a Node.js runtime to execute the puppeteer-core connection scripts.

What is the best lightweight approach for web scraping across multiple tabs?▼

The best lightweight approach for web scraping across multiple tabs is using a compact CDP toolkit that connects via puppeteer-core to programmatically open new tabs, manage tab contexts, and evaluate JavaScript.

How does screenshot capture work with Chrome DevTools Protocol automation?▼

Screenshot capture with Chrome DevTools Protocol automation works by evaluating JavaScript in the active page context through puppeteer-core, capturing the current page state for visual verification and automated reporting.

Why does this skill require remote debugging to be enabled in Chrome?▼

Remote debugging must be enabled in Chrome because the skill relies on puppeteer-core to establish a direct connection to the Chrome DevTools Protocol endpoint for executing navigation and scripting commands.

Related Skills

Explore More Software Engineering Skills→
eykdeykd

web-browser

Control Chrome/Chromium via Chrome DevTools Protocol for navigation, screenshots, JavaScript, and element inspection.

Community
Advanced
hmzainjamilhmzainjamil
1

Browser Automation

Automate browser interactions, web scraping, and workflow testing with Puppeteer or Playwright.

Community
Intermediate
gmcabritagmcabrita
6

chrome-cdp

Control a local Chrome session via the Chrome DevTools Protocol from the command line.

Community
Advanced
ssdeanxssdeanx
43

browser

Automate Chrome browser tasks via Chrome DevTools Protocol over WebSocket.

Community
Intermediate