Browser
CDP-skript for å starte Chrome, navigere, kjøre JS, ta skjermbilde og velge DOM-elementer (macOS)
Bestått
Hva den gjør
Et sett med Node.js puppeteer-core-skript som driver en ekte Chrome over DevTools Protocol på port 9222: starter Chrome, navigerer faner, evaluerer JavaScript på den gjengitte siden, tar skjermbilder av visningsporten, og interaktivt velger DOM-elementer. Utløses ved forespørsler om å bla gjennom eller skrape en nettside, ta et skjermbilde av en side, automatisere en nettleser, eller trekke ut den gjengitte DOM-en. Fordi den kjører JS mot den live gjengitte siden, leser den innhold som rå HTTP-hentinger går glipp av; merk at skriptene hardkoder macOS Chrome-stier og start.js dreper din kjørende Chrome.
Testrapport
Klonet repoet og kjørte `npm install` (puppeteer-core, 0 sårbarheter, postinstall chmod gjorde alle 5 skript +x). For å unngå at start.js's `killall 'Google Chrome'` forstyrret brukerens live nettleser, startet jeg en isolert hodeløs Chrome på :9222 med en temp-profil og kjørte nav.js/eval.js/screenshot.js direkte — alt fungerte (tittel, lenketall, IIFE-objektutvinning, PNG til tmp). UTDATA: på JS-gjengitte quotes.toscrape.com/js, grunnlinje `curl` av rå HTML matchet 0 sitater og 0 forfattere, mens nav.js+eval.js ekstraherte 10 sitater og forfatter "Albert Einstein" fra den gjengitte DOM — en avgjørende, siterbar forskjell. Trekk for installasjon/dokumentasjon fordi start.js hardkoder macOS-kun stier og tvangsdreper den kjørende Chrome, noe dokumentasjonen bare antyder i en kodekommentar; ingen skadevare, curl|sh, eller eksfiltrering funnet.
Testet på: 2026-07-31 · Claude Code 2.x (agent harness)
Installer
git clone --depth 1 https://github.com/iamzhihuix/happy-claude-skills.git /tmp/browser-src mkdir -p ~/.claude/skills cp -R /tmp/browser-src/skills/browser ~/.claude/skills/browser npm install --prefix ~/.claude/skills/browser # Requires macOS + Google Chrome desktop at /Applications/Google Chrome.app (paths hardcoded in scripts/start.js). # WARNING: start.js runs `killall 'Google Chrome'` then relaunches Chrome on :9222; it closes your existing Chrome windows. # --profile rsyncs your real Chrome profile (cookies/logins) into ~/.cache/browser-tools. # Scripts: start.js [--profile] | nav.js <url> [--new] | eval.js '<expr>' | screenshot.js | pick.js '<msg>'
Kommandoer og eksempelprompter
/browserCDP-skript for å starte Chrome, navigere, kjøre JS, ta skjermbilde og velge DOM-elementer (macOS)
Skills utløses av vanlige forespørsler — ingen kommandoer å huske. Etter installasjonen aktiverer prompter som disse skillen (på engelsk):
Take a screenshot of this webpageScrape the product listings from this pageExtract the DOM structure of this site