Browser

CDP scripts om Chrome te starten, te navigeren, JS uit te voeren, screenshots te maken en DOM-elementen te selecteren (macOS)

Door iamzhihuix · iamzhihuix/happy-claude-skills

Getest · Werkt ★ 8.4/10

Browser — CDP scripts om Chrome te starten, te navigeren, JS uit te voeren, screenshots te maken en DOM-elementen te selecteren (macOS)

Wat het doet

Een set Node.js puppeteer-core scripts die een echte Chrome aansturen via het DevTools Protocol op poort 9222: start Chrome, navigeert tabs, evalueert JavaScript in de gerenderde pagina, maakt viewport screenshots en selecteert interactief DOM-elementen. Triggert op verzoeken om een website te browsen of te scrapen, een pagina screenshot te maken, een browser te automatiseren, of de gerenderde DOM te extraheren. Omdat het JS uitvoert tegen de live gerenderde pagina, leest het inhoud die ruwe HTTP fetches missen; let op dat de scripts macOS Chrome paden hardcoderen en start.js je draaiende Chrome afsluit.

Testrapport

De repo gekloond en `npm install` uitgevoerd (puppeteer-core, 0 kwetsbaarheden, postinstall chmod maakte alle 5 scripts +x). Om te voorkomen dat `killall 'Google Chrome'` van start.js de live browser van de gebruiker verstoort, startte ik een geïsoleerde headless Chrome op :9222 met een tijdelijk profiel en voerde nav.js/eval.js/screenshot.js direct uit — alles werkte (titel, linkaantallen, IIFE objectextractie, PNG naar tmp). OUTPUT: op JS-gerenderde quotes.toscrape.com/js, baseline `curl` van ruwe HTML matchte 0 quotes en 0 auteurs, terwijl nav.js+eval.js 10 quotes en auteur "Albert Einstein" extraheerde uit de gerenderde DOM — een doorslaggevend, citeerbaar verschil. Installatie/docs afgewaardeerd omdat start.js macOS-only paden hardcodeert en de draaiende Chrome forceert te stoppen, waar de docs alleen in een codecommentaar op hinten; geen malware, curl|sh, of exfiltratie gevonden.

Getest op: 2026-07-31 · Claude Code 2.x (agent harness)

Installatie

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>'

Commando's en voorbeeldprompts

/browserCDP scripts om Chrome te starten, te navigeren, JS uit te voeren, screenshots te maken en DOM-elementen te selecteren (macOS)

Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):

Take a screenshot of this webpage
Scrape the product listings from this page
Extract the DOM structure of this site

Volledig rapport (Engels) →