Browser Trace
Optager en skrivebeskyttet CDP-trace af en browserkørsel og bisekterer den i søgbare buckets pr. side
Testet · Virker
Hvad det gør
Vedhæfter en anden, skrivebeskyttet Chrome DevTools Protocol-klient til en browser-automationssession, optager den fulde CDP firehose plus skærmbilleder og DOM-dumps til NDJSON, og skærer derefter strømmen i per-side netværks-/konsol-/DOM-/side JSONL-buckets med en summary.json-oversigt. Udløses, når brugeren ønsker at debugge en mislykket browser-automationskørsel, auditere netværks-/konsolaktivitet, vedhæfte en trace til en igangværende session eller føre per-side opsummeringer tilbage i en agent-loop. Kræver `browse` (Browserbase) CLI'en til live-capture-halvdelen; bisector- og query-værktøjerne kører alene på Node standardbiblioteket.
Testrapport
Klonede skill'en, bekræftede, at alle 8 scripts + REFERENCE/EXAMPLES eksisterer (stikprøvekontrollerede 3 scripts, HTTP 200). Sikkerhedsscanning ren: den eneste child_process-brug spawner den lokale `browse` CLI via argument-arrays (ingen shell-streng, ingen curl|sh, ingen base64, ingen hemmelig eksfiltrering). Kunne ikke køre live-capture-halvdelen (`browse` CLI ikke installeret), men bisector er ren Node stdlib, så jeg håndbyggede en 10-event syntetisk CDP firehose på tværs af to sider og kørte bisect-cdp.mjs + query.mjs for alvor: den delte korrekt op i pages/000 (example.com) og pages/001 (app.example.com/login), tilskrev alle 3 fejl pr. side (network.failed + console.error til pid0, runtime.exception til pid1) og skrev per-side summary.json med domæne-rollups og netværks-byType-tællinger — matchende den dokumenterede form præcist. Verificerede, at `browse` npm-pakken (seneste 0.9.5) er den Browserbase CLI, dokumentationen refererer til.
Testet: 2026-07-21 · Claude Code 2.x (agent harness)
Installation
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-traceOptager en skrivebeskyttet CDP-trace af en browserkørsel og bisekterer den i søgbare buckets pr. side
Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen aktiverer prompter som disse skillen (på engelsk):
Capture a trace of this failing browser runAudit network and console activity from the last runAttach a trace to my in-progress automation session