← ClaudeAtlas

browser-toolslisted

Interact with a web browser. Can start a browser, connect to it, evaluate JavaScript, make screenshots, read console logs and let the user select DOM elements. Use when interacting with unknown websites (e.g. scraping or Userscripts) or debugging browser-stuff.
Brawl345/browser-tools · ★ 0 · Web & Frontend · score 61
Install: claude install-skill Brawl345/browser-tools
# Browser Tools This skill provides a compiled Go binary (`browser-tools`) to interact with a web browser via Chrome DevTools Protocol. Commands automatically wait for elements and start the browser if needed. The binary is located at the skill's base dir. **IMPORTANT:** Always prefix the binary path when running commands: ```bash {basedir}/scripts/browser-tools <command> [options] ``` ## Start Start Chrome with remote debugging (done automatically by every command, but can be done explicitly): ```bash ./scripts/browser-tools start ``` ## Navigate to a web page ```bash ./scripts/browser-tools navigate https://example.com # Open in a new tab ./scripts/browser-tools navigate https://example.com --new-tab ``` ## Execute JavaScript NOTE: Always prefer specialized commands like `html`, `mouse`, `network` or `element`/`pick-element` whenever possible. **IMPORTANT:** Top-level `return` statements cause a `SyntaxError`. Always wrap multi-statement scripts in an IIFE: `(function() { ...; return result; })()` ```bash ./scripts/browser-tools evaluate-js "document.querySelectorAll('a').length" # Multi-line via heredoc ./scripts/browser-tools evaluate-js - <<'EOF' (function() { const elements = document.querySelectorAll('.item'); return elements.length; })() EOF # From a file ./scripts/browser-tools evaluate-js path/to/script.js ``` ## Pick DOM elements Instruct the user to interactively pick a DOM element: ```bash ./scripts/browser-tools pick-element "Click the submit