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

0•

ブラウザ自動化

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.

主な機能

01Profile synchronization to preserve cookies, sessions, and login states

02Automated viewport screenshot capture for visual debugging and documentation

03Asynchronous JavaScript evaluation for dynamic web page interaction

040 GitHub stars

05Chrome DevTools Protocol (CDP) integration for granular browser control

06Interactive DOM element picker for precise visual selection

ユースケース

01Automating complex multi-step web scraping and data collection tasks

02Performing interactive site exploration and element identification for frontend development

03Capturing visual snapshots of web pages for automated auditing and reporting

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add januarfonti/opencode-template-configured browser

For use in Claude.ai and ChatGPT

Download Skill