Browser Trace

Spelar in en skrivskyddad CDP-spårning av en webbläsarkörning och bisekterar den i sökbara per-sida-hinkar

av mxyhi · mxyhi/ok-skills

Testad · Fungerar ★ 8.4/10

Browser Trace — Spelar in en skrivskyddad CDP-spårning av en webbläsarkörning och bisekterar den i sökbara per-sida-hinkar

Vad den gör

Ansluter en andra, skrivskyddad Chrome DevTools Protocol-klient till en webbläsarautomationssession, spelar in hela CDP-firehosen plus skärmdumpar och DOM-dumpar till NDJSON, och delar sedan strömmen i per-sida nätverks-/konsol-/DOM-/sida JSONL-hinkar med en summary.json-översikt. Utlöses när användaren vill felsöka en misslyckad webbläsarautomationskörning, granska nätverks-/konsolaktivitet, bifoga en spårning till en pågående session, eller mata tillbaka per-sida-sammanfattningar till en agentloop. Kräver `browse` (Browserbase) CLI för live-fångsthalvan; bisektorn och frågeverktygen körs enbart på Node standardbibliotek.

Testrapport

Klonade färdigheten, bekräftade att alla 8 skript + REFERENCE/EXAMPLES existerar (stickprovskontrollerade 3 skript, HTTP 200). Säkerhetsskanning ren: den enda child_process-användningen startar den lokala `browse` CLI via argument-arrayer (ingen shell-sträng, ingen curl|sh, ingen base64, ingen hemlig exfil). Kunde inte köra live-fångsthalvan (`browse` CLI inte installerad), men bisektorn är ren Node stdlib, så jag handbyggde en 10-händelsers syntetisk CDP-firehose över två sidor och körde bisect-cdp.mjs + query.mjs på riktigt: den delade korrekt upp i pages/000 (example.com) och pages/001 (app.example.com/login), tillskrev alla 3 fel per sida (network.failed + console.error till pid0, runtime.exception till pid1), och skrev per-sida summary.json med domän-rollups och nätverks-byType-antal – matchar den dokumenterade formen exakt. Verifierade att `browse` npm-paketet (senaste 0.9.5) är den Browserbase CLI som dokumentationen refererar till.

Testad: 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)

Kommandon och exempelprompter

  • /browser-traceSpelar in en skrivskyddad CDP-spårning av en webbläsarkörning och bisekterar den i sökbara per-sida-hinkar

Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):

  • 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