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

Browser Automation

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

About

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.

Key Features

Launch Chrome with local profiles to maintain cookies and authenticated sessions
Visual element picker for interactive DOM selection and exploration
Chrome DevTools Protocol (CDP) integration for direct browser control
Execute custom JavaScript in an async context for page interaction
101 GitHub stars
Navigation and screenshot tools for automated site monitoring

Use Cases

Automating data extraction from complex, dynamic web applications
Performing interactive visual audits and capturing screenshots for documentation
Debugging web page behavior by executing JavaScript and picking DOM elements

About

Key Features

Launch Chrome with local profiles to maintain cookies and authenticated sessions
Visual element picker for interactive DOM selection and exploration
Chrome DevTools Protocol (CDP) integration for direct browser control
Execute custom JavaScript in an async context for page interaction
101 GitHub stars
Navigation and screenshot tools for automated site monitoring

Use Cases

Automating data extraction from complex, dynamic web applications
Performing interactive visual audits and capturing screenshots for documentation
Debugging web page behavior by executing JavaScript and picking DOM elements