Does this skill support logged-in sessions?

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

How do I select specific elements on a page?

The pick.js tool provides an interactive element picker that allows you to visually click on elements in the browser to select them for your scripts.

Do I need to install Chrome separately?

Yes, this skill interacts with a Chrome installation on your system. It is designed to launch and control Chrome via remote debugging on port 9222.

Can I run complex JavaScript with this tool?

Absolutely. While simple expressions work directly, you can wrap multiple statements in an IIFE (Immediately Invoked Function Expression) to execute complex logic in the page context.

Browser Automation

Name: Browser Automation
Author: januarfonti

byjanuarfonti

ブラウザ自動化

Automates web interactions and data extraction using Chrome DevTools Protocol for seamless site exploration and scraping.

概要

The Browser skill provides Claude with a specialized toolset for controlling Google Chrome via the DevTools Protocol (CDP), enabling advanced web automation and scraping capabilities. It allows users to launch Chrome instances with existing profiles to maintain login states, navigate complex web applications, execute custom JavaScript within the page context, and capture viewport screenshots. Its unique interactive element picker simplifies the process of identifying DOM elements, making it an essential tool for developers building scrapers, performing automated testing, or conducting web-based research directly through an AI interface.

主な機能

Profile synchronization to preserve cookies, sessions, and login states
Automated viewport screenshot capture for visual debugging and documentation
Asynchronous JavaScript evaluation for dynamic web page interaction
0 GitHub stars
Chrome DevTools Protocol (CDP) integration for granular browser control
Interactive DOM element picker for precise visual selection

ユースケース

Automating complex multi-step web scraping and data collection tasks
Performing interactive site exploration and element identification for frontend development
Capturing visual snapshots of web pages for automated auditing and reporting

概要

主な機能

Profile synchronization to preserve cookies, sessions, and login states
Automated viewport screenshot capture for visual debugging and documentation
Asynchronous JavaScript evaluation for dynamic web page interaction
0 GitHub stars
Chrome DevTools Protocol (CDP) integration for granular browser control
Interactive DOM element picker for precise visual selection

ユースケース

Automating complex multi-step web scraping and data collection tasks
Performing interactive site exploration and element identification for frontend development
Capturing visual snapshots of web pages for automated auditing and reporting