Browser Network Inspector
by @dougzl
Browser-side request inspection and reporting for user-authorized web debugging. Use when you want one skill to observe page fetch/XHR/WebSocket activity, in...
clawhub install browser-network-inspectorπ About This Skill
name: browser-network-inspector description: Browser-side request inspection and reporting for user-authorized web debugging. Use when you want one skill to observe page fetch/XHR/WebSocket activity, inspect login/register/API flows, and generate clean reports from browser interactions. This is for browser debugging, not raw system-wide packet sniffing, credential extraction, or auth bypass.
Browser Network Inspector
A single-skill browser debugging capture tool for inspecting page requests and turning them into readable reports.
Use this when you want to:
fetch / XMLHttpRequest / basic WebSocket activityThis skill is packaged as one workflow. Internally it uses a local browser runtime, but the user-facing experience should be treated as one skill from start to finish.
Use this skill for
fetch / XMLHttpRequest activity from the current pageDo not use this skill for
About the capture model
This skill provides browser-side request capture, not raw packet sniffing.
It is designed to help with:
It can observe:
fetchXMLHttpRequestIt does not try to replace system/network tools such as:
It also does not inspect arbitrary native processes or full machine traffic.
In short: this skill is best described as a browser debugging capture and reporting tool.
Runtime expectation
agent-browser CLI runtime to be installed on the machine.scripts/capture-session.js auto-detects the local binary and drives the browser runtime for you.agent-browser is missing, install it first before using this skill.Workflow
1. Open the target page with the browser runtime managed by this skill. 2. Inject the network collector into the page:
$collector = Get-Content "$env:USERPROFILE\.openclaw\workspace\skills\browser-network-inspector\scripts\collect-network.js" -Raw
agent-browser eval $collector
3. Optional: configure include/exclude host filters before the flow:
agent-browser eval "window.__bniSetConfig({ includeHosts: ['example.com'], excludeHosts: ['ads.example.com'], captureWebSocket: true })"
4. Perform the desired browser actions (open, click, fill, submit, wait). 5. Read back the captured records:
agent-browser eval "JSON.stringify(window.__bniExport ? window.__bniExport() : [])"
6. Save the JSON output to a local file. 7. Run the summarizer:
node "$env:USERPROFILE\.openclaw\workspace\skills\browser-network-inspector\scripts\summarize-network.js" [output.md]
8. Or use the bundled one-shot helper after you finish the browser actions:
node "$env:USERPROFILE/.openclaw/workspace/skills/browser-network-inspector/scripts/capture-session.js" --json-out ".capture/session.json" --md-out ".capture/session.md" --include-hosts "example.com,api.example.com"
v2 additions
scripts/capture-session.jsPolished workflow helpers
Additional JS-only helpers included:
scripts/clear-session.js β clear the in-page capture bufferscripts/capture-and-report.js β create a timestamped report directory and save both JSON + MarkdownExample:
node "$env:USERPROFILE/.openclaw/workspace/skills/browser-network-inspector/scripts/clear-session.js"
node "$env:USERPROFILE/.openclaw/workspace/skills/browser-network-inspector/scripts/capture-and-report.js" --include-hosts "example.com,api.example.com" --label login-flow --open-report
Notes
fetch and XMLHttpRequest are supported in v1.Redaction defaults
The collector and summarizer should redact or suppress obvious sensitive values such as:
authorizationcookieset-cookiepasswordtokenaccessTokenrefreshTokensessioncsrfOutput expectation
The summary should tell you:
If the user wants raw logs, save them locally first and avoid echoing full sensitive payloads into chat.
π Tips & Best Practices
fetch and XMLHttpRequest are supported in v1.