Capture network traffic and DOM events on webpages via Chrome extension.
npx skills add https://github.com/ammonfife/sakima.co --skill bigmac-scope
Please help me install this Agent Skill. Skill: bigmac-scope Source: https://github.com/ammonfife/sakima.co/tree/main/.claude/skills/bigmac-scope Command: npx skills add https://github.com/ammonfife/sakima.co --skill bigmac-scope
This Skill provides a comprehensive solution for capturing and recording all network traffic and DOM events on any webpage, offering detailed insights for debugging and analysis.
Load the bigmac-scope extension in Chrome, navigate to the desired webpage, and start recording to capture all network traffic and events.
High-intent search queries and answers about installing and using this skill.
To record network traffic and DOM events, load the bigmac-scope Chrome extension, navigate to your target webpage, and start recording to capture all fetch requests, XHR operations, WebSocket communications, and click events.
Yes, you can capture WebSocket communications and XHR requests directly in the browser. The extension records all fetch requests, XHR operations, and WebSocket traffic alongside DOM click events for comprehensive web application analysis.
You can track user click events and fetch requests by starting a recording session with the Chrome extension. It captures detailed logs of all DOM interactions and network traffic to help identify performance bottlenecks.
Yes, you need a Chrome extension to monitor network traffic and DOM events. The recording tool operates within the browser environment as an extension to accurately capture fetch, XHR, WebSocket, and click event data.
The best way to debug fetch requests and WebSocket traffic is using a dedicated browser extension that records all network operations. This provides detailed logs of requests and responses for identifying web application behavior issues.
Capturing network traffic within the browser environment requires the specific Chrome extension to be actively loaded. It is designed for analyzing client-side fetch, XHR, WebSocket, and DOM events rather than server-level network monitoring.
Eng0AIScaffold Chrome extensions with React, Vite, and TypeScript.
sraloffAutomate async data fetching, event delegation, and DOM updates with DocumentFragment.
santanapolInspect live browser DOM, console logs, and network traffic via Chrome DevTools MCP.
BirdywenExecute cross-tab JavaScript to control browser tabs and extract page data.
