Browser

CDP skripty pro spuštění Chrome, navigaci, spuštění JS, snímání obrazovky a výběr DOM elementů (macOS)

od iamzhihuix · iamzhihuix/happy-claude-skills

Otestováno · Funguje ★ 8.4/10

Browser — CDP skripty pro spuštění Chrome, navigaci, spuštění JS, snímání obrazovky a výběr DOM elementů (macOS)

Co umí

Sada Node.js puppeteer-core skriptů, které řídí skutečný Chrome přes DevTools Protocol na portu 9222: spustí Chrome, naviguje záložky, vyhodnocuje JavaScript na vykreslené stránce, pořizuje snímky obrazovky viewportu a interaktivně vybírá DOM elementy. Spouští se na požadavky k procházení nebo scrapování webové stránky, pořízení snímku stránky, automatizaci prohlížeče nebo extrakci vykresleného DOM. Protože spouští JS proti živě vykreslené stránce, čte obsah, který raw HTTP fetche minou; všimněte si, že skripty pevně zakódují cesty Chrome pro macOS a start.js ukončí váš běžící Chrome.

Testovací report

Klonoval jsem repozitář a spustil `npm install` (puppeteer-core, 0 zranitelností, postinstall chmod nastavil všem 5 skriptům +x). Abych zabránil `killall 'Google Chrome'` ze start.js narušit živý prohlížeč uživatele, spustil jsem izolovaný headless Chrome na :9222 s dočasným profilem a spustil nav.js/eval.js/screenshot.js přímo — vše fungovalo (název, počty odkazů, extrakce objektu IIFE, PNG do tmp). VÝSTUP: na JS-vykreslené quotes.toscrape.com/js, základní `curl` raw HTML odpovídal 0 citátům a 0 autorům, zatímco nav.js+eval.js extrahovaly 10 citátů a autora „Albert Einstein“ z vykresleného DOM — rozhodující, citovatelný rozdíl. Instalace/dokumentace snížena, protože start.js pevně zakóduje cesty pouze pro macOS a násilně ukončí běžící Chrome, na což dokumentace pouze naznačuje v komentáři ke kódu; žádný malware, curl|sh nebo exfiltrace nenalezena.

Testováno: 2026-07-31 · Claude Code 2.x (agent harness)

Instalace

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

Příkazy a ukázkové prompty

/browserCDP skripty pro spuštění Chrome, navigaci, spuštění JS, snímání obrazovky a výběr DOM elementů (macOS)

Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):

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

Kompletní testovací report (anglicky) →