Can I use my existing Chrome logins and cookies?

Yes, by utilizing the --profile flag when starting Chrome, you can sync your actual user profile, allowing you to access sites where you are already logged in.

Does this work with single-page applications (SPAs)?

Absolutely. Because it uses a real browser instance and allows for JavaScript execution, it can navigate and interact with SPAs and dynamic content effortlessly.

Is JavaScript execution limited to single lines?

While the input should be a single string without newlines, you can execute complex logic by wrapping your code in an Immediately Invoked Function Expression (IIFE).

How does the element picker work?

The pick.js tool provides an interactive overlay in the browser; you can click elements to select them, and the tool returns the specific DOM information back to your environment.

Do I need to have Chrome installed to use this skill?

Yes, this skill communicates with Chrome via the Chrome DevTools Protocol, so a local installation of the Google Chrome browser is required.

Browser Automation Tools

Name: Browser Automation Tools
Author: julianromli

byjulianromli

•

123

Automatización de Navegadores

Automates web browsers via Chrome DevTools Protocol to enable seamless web scraping, navigation, and interactive DOM exploration.

Acerca de

This skill provides a suite of lightweight Chrome DevTools Protocol (CDP) utilities designed for collaborative site exploration and automated web interaction. It allows users to launch Chrome instances with custom or existing profiles, navigate complex web structures, execute asynchronous JavaScript directly in the browser context, and capture screenshots. Its standout feature is an interactive element picker that bridges the gap between manual browsing and automated data extraction, making it an essential tool for developers building scrapers or automating web workflows.

Características Principales

Interactive visual DOM element selection and picking
Remote debugging and control via Chrome DevTools Protocol
Session persistence using local Chrome profile synchronization
Asynchronous JavaScript execution within active page contexts
Instant viewport screenshot capture for visual verification
123 GitHub stars

Casos de Uso

Scraping data from dynamic, JavaScript-rendered websites
Automating authenticated web workflows and form interactions
Visually identifying DOM selectors for automation script development

Acerca de

Características Principales

Interactive visual DOM element selection and picking
Remote debugging and control via Chrome DevTools Protocol
Session persistence using local Chrome profile synchronization
Asynchronous JavaScript execution within active page contexts
Instant viewport screenshot capture for visual verification
123 GitHub stars

Casos de Uso

Scraping data from dynamic, JavaScript-rendered websites
Automating authenticated web workflows and form interactions
Visually identifying DOM selectors for automation script development