Browser Trace

Zaznamenává read-only CDP trace běhu prohlížeče a bisekuje jej do prohledávatelných kbelíků pro jednotlivé stránky

Otestováno · Funguje ★ 8.4/10

Co umí

Připojuje druhého, read-only klienta Chrome DevTools Protocol k relaci automatizace prohlížeče, zaznamenává kompletní CDP firehose plus snímky obrazovky a DOM dumpy do NDJSON, poté rozděluje stream do JSONL kbelíků pro síť/konzoli/DOM/stránku s přehledem summary.json. Spouští se, když uživatel chce ladit neúspěšný běh automatizace prohlížeče, auditovat síťovou/konzolovou aktivitu, připojit trace k probíhající relaci nebo předat souhrny pro jednotlivé stránky zpět do smyčky agenta. Vyžaduje `browse` (Browserbase) CLI pro část živého zachycení; bisektor a dotazovací nástroje běží pouze na standardní knihovně Node.

Testovací report

Klonována dovednost, potvrzena existence všech 8 skriptů + REFERENCE/EXAMPLES (namátkově zkontrolovány 3 skripty, HTTP 200). Bezpečnostní sken čistý: jediné použití child_process spouští lokální `browse` CLI přes pole argumentů (žádný shell řetězec, žádné curl|sh, žádné base64, žádná exfiltrace tajemství). Nelze spustit část živého zachycení (`browse` CLI není nainstalováno), ale bisektor je čisté Node stdlib, takže jsem ručně vytvořil 10událostní syntetický CDP firehose přes dvě stránky a spustil bisect-cdp.mjs + query.mjs pro skutečný test: správně rozdělil na pages/000 (example.com) a pages/001 (app.example.com/login), připsal všechna 3 selhání podle stránky (network.failed + console.error na pid0, runtime.exception na pid1) a zapsal summary.json pro každou stránku s agregacemi domén a počty network byType – přesně odpovídající dokumentovanému tvaru. Ověřeno, že balíček `browse` npm (nejnovější 0.9.5) je Browserbase CLI, na které odkazuje dokumentace.

Testováno: 2026-07-21 · Claude Code 2.x (agent harness)

Instalace

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)

Příkazy a ukázkové prompty

/browser-traceZaznamenává read-only CDP trace běhu prohlížeče a bisekuje jej do prohledávatelných kbelíků pro jednotlivé stránky

Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):

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

Kompletní testovací report (anglicky) →