Browser Trace
Registra un rastro CDP de solo lectura de una ejecución del navegador y lo biseca en cubos buscables por página
Probado · Funciona
Qué hace
Adjunta un segundo cliente de Chrome DevTools Protocol de solo lectura a una sesión de automatización del navegador, registra el flujo completo de CDP más capturas de pantalla y volcados DOM a NDJSON, luego divide el flujo en cubos JSONL de red/consola/DOM/página por página con un resumen summary.json. Se activa cuando el usuario desea depurar una ejecución fallida de automatización del navegador, auditar la actividad de red/consola, adjuntar un rastro a una sesión en curso o retroalimentar resúmenes por página a un bucle de agente. Requiere el `browse` (Browserbase) CLI para la mitad de captura en vivo; las herramientas de bisección y consulta se ejecutan solo en la biblioteca estándar de Node.
Informe de la prueba
Se clonó la skill, se confirmó la existencia de los 8 scripts + REFERENCE/EXAMPLES (se verificaron 3 scripts, HTTP 200). Escaneo de seguridad limpio: el único uso de child_process genera el `browse` CLI local a través de arrays de argumentos (sin cadena de shell, sin curl|sh, sin base64, sin exfiltración de secretos). No se pudo ejecutar la mitad de captura en vivo (CLI `browse` no instalado), pero el bisector es stdlib puro de Node, así que construí manualmente un firehose CDP sintético de 10 eventos a través de dos páginas y ejecuté bisect-cdp.mjs + query.mjs de verdad: se dividió correctamente en pages/000 (example.com) y pages/001 (app.example.com/login), atribuyó los 3 fallos por página (network.failed + console.error a pid0, runtime.exception a pid1), y escribió summary.json por página con resúmenes de dominio y recuentos de red por tipo — coincidiendo exactamente con la forma documentada. Se verificó que el paquete npm `browse` (última versión 0.9.5) es el Browserbase CLI al que hace referencia la documentación.
Probado el: 2026-07-21 · Claude Code 2.x (agent harness)
Instalación
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)
Comandos y prompts de ejemplo
/browser-traceRegistra un rastro CDP de solo lectura de una ejecución del navegador y lo biseca en cubos buscables por página
Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):
Capture a trace of this failing browser runAudit network and console activity from the last runAttach a trace to my in-progress automation session