Can I execute complex multi-line JavaScript code?

Yes, but for multiple statements, you should wrap your code in an IIFE (Immediately Invoked Function Expression) and ensure it is passed as a single-line string.

How does the interactive element picker work?

The pick tool opens a browser window where you can visually click to select DOM elements; once you finish the selection, it returns the element details to the terminal.

Can I use my existing Chrome logins with this skill?

Yes, by using the --profile flag when starting Chrome, you can sync your actual Chrome profile, including cookies and login sessions.

What is the benefit of using CDP over traditional scraping tools?

CDP provides direct, low-level control over the browser, allowing for better performance and the ability to interact with modern JavaScript-heavy websites that static parsers cannot handle.

Do I need to start Chrome before every command?

You must start the Chrome instance once using the start script before running any navigation, evaluation, or scraping commands.

Browser Automation & Scraping

Name: Browser Automation & Scraping
Author: julianromli

byjulianromli

•

101

•

브라우저 자동화

Automates web browsers and extracts data using Chrome DevTools Protocol for seamless site exploration and scraping.

This skill provides a suite of minimal Chrome DevTools Protocol (CDP) tools designed for collaborative web exploration, automated scraping, and interactive element selection. It allows users to launch Chrome instances—including those with existing user profiles to maintain authenticated sessions—navigate tabs, execute JavaScript directly within the browser context, capture screenshots, and visually pick DOM elements. It is particularly useful for developers and data analysts who need to interact with modern, dynamic web applications that require more than simple static HTML parsing.

주요 기능

01Launch Chrome with local profiles to maintain cookies and authenticated sessions

02Visual element picker for interactive DOM selection and exploration

03Chrome DevTools Protocol (CDP) integration for direct browser control

04Execute custom JavaScript in an async context for page interaction

05101 GitHub stars

06Navigation and screenshot tools for automated site monitoring

사용 사례

01Automating data extraction from complex, dynamic web applications

02Performing interactive visual audits and capturing screenshots for documentation

03Debugging web page behavior by executing JavaScript and picking DOM elements

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add julianromli/opencode-template browser

For use in Claude.ai and ChatGPT

Download Skill