Browser Trace

Rejestruje ślad CDP tylko do odczytu z uruchomienia przeglądarki i dzieli go na przeszukiwalne segmenty na stronę

Testowano · Działa ★ 8.4/10

Co robi ten skill

Dołącza drugiego, tylko do odczytu klienta Chrome DevTools Protocol do sesji automatyzacji przeglądarki, rejestruje pełny strumień CDP plus zrzuty ekranu i zrzuty DOM do NDJSON, a następnie dzieli strumień na segmenty JSONL sieci/konsoli/DOM/strony z plikiem summary.json. Uruchamia się, gdy użytkownik chce debugować nieudane uruchomienie automatyzacji przeglądarki, audytować aktywność sieci/konsoli, dołączyć ślad do trwającej sesji lub przekazać podsumowania na stronę z powrotem do pętli agenta. Wymaga `browse` (Browserbase) CLI dla części przechwytywania na żywo; narzędzia bisector i query działają wyłącznie na standardowej bibliotece Node.

Raport z testu

Sklonowano umiejętność, potwierdzono istnienie wszystkich 8 skryptów + REFERENCE/EXAMPLES (sprawdzono 3 skrypty, HTTP 200). Skan bezpieczeństwa czysty: jedyne użycie child_process uruchamia lokalne `browse` CLI za pomocą tablic argumentów (brak ciągu shell, brak curl|sh, brak base64, brak eksfiltracji sekretów). Nie można było uruchomić części przechwytywania na żywo (`browse` CLI nie zainstalowane), ale bisector to czysty Node stdlib, więc ręcznie zbudowałem syntetyczny strumień CDP z 10 zdarzeń na dwóch stronach i uruchomiłem bisect-cdp.mjs + query.mjs w rzeczywistości: poprawnie podzielił na pages/000 (example.com) i pages/001 (app.example.com/login), przypisał wszystkie 3 błędy do stron (network.failed + console.error do pid0, runtime.exception do pid1) i zapisał summary.json dla każdej strony z podsumowaniami domen i liczbą sieci byType — dokładnie odpowiadając udokumentowanemu kształtowi. Zweryfikowano, że pakiet npm `browse` (najnowszy 0.9.5) to Browserbase CLI, do którego odwołuje się dokumentacja.

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

Instalacja

git clone --depth 1 https://github.com/mxyhi/ok-skills.git /tmp/browser-trace-src
mkdir -p ~/.claude/skills
cp -R /tmp/browser-trace-src/browser-trace ~/.claude/skills/browser-trace
# Live capture requires the Browserbase CLI: npm install -g browse (provides `browse cdp`)
# Local runs need Chrome launched with --remote-debugging-port=9222; remote runs need BROWSERBASE_API_KEY
# Optional: jq for ad-hoc querying of the bisected JSONL files
# The bisect-cdp.mjs / query.mjs analysis scripts need only Node 18+ (no npm install, no browse CLI)

Komendy i przykładowe prompty

/browser-traceRejestruje ślad CDP tylko do odczytu z uruchomienia przeglądarki i dzieli go na przeszukiwalne segmenty na stronę

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

Capture a trace of this failing browser run
Audit network and console activity from the last run
Attach a trace to my in-progress automation session

Pełny raport →