Browser

Skrypty CDP do uruchamiania Chrome, nawigacji, uruchamiania JS, robienia zrzutów ekranu i wybierania elementów DOM (macOS)

Autor: iamzhihuix · iamzhihuix/happy-claude-skills

Testowano · Działa ★ 8.4/10

Browser — Skrypty CDP do uruchamiania Chrome, nawigacji, uruchamiania JS, robienia zrzutów ekranu i wybierania elementów DOM (macOS)

Co robi ten skill

Zestaw skryptów Node.js puppeteer-core, które sterują prawdziwym Chrome przez DevTools Protocol na porcie 9222: uruchamiają Chrome, nawigują po kartach, oceniają JavaScript na renderowanej stronie, wykonują zrzuty ekranu widoku i interaktywnie wybierają elementy DOM. Uruchamia się na żądania przeglądania lub skrobania strony internetowej, robienia zrzutu ekranu strony, automatyzacji przeglądarki lub ekstrakcji renderowanego DOM. Ponieważ uruchamia JS na żywej renderowanej stronie, odczytuje treści, których brakuje w surowych pobraniach HTTP; należy pamiętać, że skrypty mają zakodowane na stałe ścieżki Chrome dla macOS, a start.js zabija działający Chrome.

Raport z testu

Sklonowano repozytorium i uruchomiono `npm install` (puppeteer-core, 0 luk, postinstall chmod nadał wszystkim 5 skryptom +x). Aby uniknąć zakłócania działającej przeglądarki użytkownika przez `killall 'Google Chrome'` z start.js, uruchomiłem izolowany bezgłowy Chrome na :9222 z tymczasowym profilem i uruchomiłem bezpośrednio nav.js/eval.js/screenshot.js — wszystko działało (tytuł, liczba linków, ekstrakcja obiektu IIFE, PNG do tmp). WYJŚCIE: na renderowanej JS stronie quotes.toscrape.com/js, bazowy `curl` surowego HTML pasował do 0 cytatów i 0 autorów, podczas gdy nav.js+eval.js wyodrębnił 10 cytatów i autora „Albert Einstein” z renderowanego DOM — decydująca, godna cytowania różnica. Instalacja/dokumentacja obniżona, ponieważ start.js ma zakodowane na stałe ścieżki tylko dla macOS i wymusza zamknięcie działającego Chrome, co dokumentacja jedynie sugeruje w komentarzu do kodu; nie znaleziono złośliwego oprogramowania, curl|sh ani eksfiltracji.

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

Instalacja

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

Komendy i przykładowe prompty

/browserSkrypty CDP do uruchamiania Chrome, nawigacji, uruchamiania JS, robienia zrzutów ekranu i wybierania elementów DOM (macOS)

Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):

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

Pełny raport →