Browser Trace

Tar opp en skrivebeskyttet CDP-sporing av en nettleserkjøring og bisekterer den i søkbare bøtter per side

Bestått ★ 8.4/10

Hva den gjør

Kobler en andre, skrivebeskyttet Chrome DevTools Protocol-klient til en nettleserautomatiseringssesjon, tar opp hele CDP-firehosen pluss skjermbilder og DOM-dumps til NDJSON, og deler deretter strømmen inn i nettverk/konsoll/DOM/side JSONL-bøtter per side med en summary.json-oversikt. Utløses når brukeren ønsker å feilsøke en mislykket nettleserautomatiseringskjøring, revidere nettverks-/konsollaktivitet, legge ved en sporing til en pågående sesjon, eller mate per-side-sammendrag tilbake i en agent-loop. Krever `browse` (Browserbase) CLI for live-fangst-halvdelen; bisektoren og spørringsverktøyene kjører kun på Node standardbibliotek.

Testrapport

Klonet ferdigheten, bekreftet at alle 8 skript + REFERENCE/EXAMPLES eksisterer (sjekket 3 skript, HTTP 200). Sikkerhetsskanning ren: den eneste child_process-bruken starter den lokale `browse` CLI via argument-arrays (ingen shell-streng, ingen curl|sh, ingen base64, ingen hemmelig eksfiltrering). Kunne ikke kjøre live-fangst-halvdelen (`browse` CLI ikke installert), men bisektoren er ren Node stdlib, så jeg håndbygget en 10-hendelses syntetisk CDP firehose over to sider og kjørte bisect-cdp.mjs + query.mjs for alvor: den delte korrekt inn i pages/000 (example.com) og pages/001 (app.example.com/login), tilskrev alle 3 feil per side (network.failed + console.error til pid0, runtime.exception til pid1), og skrev per-side summary.json med domene-rollups og nettverk byType-tellinger — som matcher den dokumenterte formen nøyaktig. Verifiserte at `browse` npm-pakken (nyeste 0.9.5) er Browserbase CLI som dokumentasjonen refererer til.

Testet på: 2026-07-21 · Claude Code 2.x (agent harness)

Installer

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)

Kommandoer og eksempelprompter

/browser-traceTar opp en skrivebeskyttet CDP-sporing av en nettleserkjøring og bisekterer den i søkbare bøtter per side

Skills utløses av vanlige forespørsler — ingen kommandoer å huske. Etter installasjonen aktiverer prompter som disse skillen (på engelsk):

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

Full rapport →