Can I use my existing Chrome profile with this skill?

Yes, by using the --profile flag when starting Chrome, you can sync your actual profile including cookies and logins for authenticated scraping.

What protocol does the browser skill use for automation?

The skill uses the Chrome DevTools Protocol (CDP) to communicate directly with the browser instance on port 9222.

How do I select specific elements on a webpage visually?

The pick.js tool allows you to visually click on elements in the browser; these selections are then returned to the terminal for further processing.

Does it support complex JavaScript execution?

Yes, you can execute single expressions or complex logic using Immediately Invoked Function Expressions (IIFEs) in an async context.

Browser Automation

Name: Browser Automation
Author: julianromli

byjulianromli

•

Browser Automation

Automates Chrome browser interactions using the DevTools Protocol for web scraping, site exploration, and interactive element selection.

This skill provides a minimal yet powerful set of Chrome DevTools Protocol (CDP) tools designed for seamless browser automation and data extraction within the Claude environment. It allows users to launch Chrome instances (with optional profile support for authenticated sessions), navigate tabs, execute custom JavaScript expressions in real-time, capture screenshots, and utilize a unique interactive DOM element picker. It is ideal for developers needing to bridge the gap between AI-driven code generation and live web environments for scraping, testing, or visual verification.

Key Features

0112 GitHub stars

02Capture viewport screenshots for visual debugging

03Execute asynchronous JavaScript directly in the page context

04Navigate tabs and manage browser sessions via CLI

05Launch Chrome with remote debugging and profile synchronization

06Interactive DOM element picker for precise selection

Use Cases

01End-to-end testing and UI verification of web applications

02Collaborative site exploration and interactive element identification

03Automated data extraction and web scraping from dynamic websites

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