This skill should be used for browser automation tasks using Chrome DevTools Protocol (CDP). Triggers when users need to launch Chrome with remote debugging, navigate pages, execute JavaScript in browser context, capture screenshots, or interactively select DOM elements. No MCP server required.
Minimal Chrome DevTools Protocol (CDP) helpers for browser automation without MCP server setup.
Install dependencies before first use:
npm install --prefix ~/.claude/skills/browser/browser ws
All scripts connect to Chrome on localhost:9222.
scripts/start.js # Fresh profile
scripts/start.js --profile # Use persistent profile (keeps cookies/auth)
scripts/nav.js https://example.com # Navigate current tab
scripts/nav.js https://example.com --new # Open in new tab
scripts/eval.js 'document.title'
scripts/eval.js '(() => { const x = 1; return x + 1; })()'
Use single expressions or IIFE for multiple statements.
scripts/screenshot.js
Returns { path, filename } of saved PNG in temp directory.
scripts/pick.js "Click the submit button"
Returns element metadata: tag, id, classes, text, href, selector, rect.
scripts/start.js --profile for authenticated sessionsscripts/nav.js <url>scripts/eval.js 'document.querySelector(...)'scripts/screenshot.js or scripts/pick.js--profile flag to preserve cookies and auth tokens