browser-trace
Capture and analyze Chrome DevTools performance traces.
Developer Setup
Setup & Installation
npx skills add https://github.com/browserbase/skills --skill browser-tracenpx skills add https://github.com/browserbase/skills --skill browser-traceOverview
What This Skill Does
Captures full CDP performance traces to analyze rendering, execution speeds, and network request bottlenecks.
Application
When to use this Skill
- When you need to capture Chrome DevTools performance traces of a browsing session.
- When analyzing frontend performance issues (LCP, FID, CLS) on a remote browser.
- When auditing network request timelines, script execution times, and render bottlenecks.
- When generating performance reports for QA testing and CI/CD pipelines.
- When you need to debug rendering glitches or memory leaks in a headless browser.
Documentation
Show Skills.md file
Browser Trace
Attach a second, read-only CDP client to a browser session that is already being driven by your main automation. The trace records the full DevTools firehose to NDJSON, polls for screenshots and DOM dumps in parallel, and slices everything into a directory tree that bash tools can search.
This skill does not drive pages — it only listens. Pair it with the browser skill, browse, Stagehand, Playwright, or anything else that speaks CDP.
When to use
- The user wants to debug a browser-automation run (failing form, missing element, hung navigation, JS exception).
- The user has a running automation and wants to attach a trace mid-flight without restarting it.
- The user wants to split a CDP firehose into network / console / DOM / page buckets.
- The user wants screenshots + DOM snapshots over time, joined to CDP events by timestamp.
If the user just wants to drive the browser, use the browser skill instead.
Setup check
node --version # require Node 18+
which browse || npm install -g browse
which jq || true # optional — used only for ad-hoc querying
Verify browse cdp exists:
Recommendations
Explore other random skills
suggest
USE FOR query autocomplete/suggestions. Fast (<100ms). Returns suggested queries as user types. Supports rich suggestions with entity info. Typo-resilient.
videos-search
USE FOR video search. Returns videos with title, URL, thumbnail, duration, view count, creator. Supports freshness filters, SafeSearch, pagination.
web-search
USE FOR web search. Returns ranked results with snippets, URLs, thumbnails. Supports freshness filters, SafeSearch, Goggles for custom ranking, pagination. Primary search endpoint.