bigmac-scope

Capture network traffic and DOM events on webpages via Chrome extension.

Updated Feb 10, 2026

Search Tags:#debugging #web analysis #browser extension #network traffic #DOM events

Ready to run

npx skills add https://github.com/ammonfife/sakima.co --skill bigmac-scope

💬 Prompt for ChatGPT / Claude Chat▼

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

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.

Core Features & Use Cases

Network Traffic Capture: Records all fetch, XHR, and WebSocket requests and responses.
DOM Event Recording: Captures click events and other interactions on the webpage.
Use Case: Ideal for developers and analysts who need to understand the behavior of web applications, such as identifying performance bottlenecks or tracking user interactions.

Quick Start

Load the bigmac-scope extension in Chrome, navigate to the desired webpage, and start recording to capture all network traffic and events.

Frequently Asked Questions about bigmac-scope

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I record network traffic and DOM events on a webpage for debugging?▼

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.

Can I capture WebSocket communications and XHR requests in the browser?▼

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.

How do I track user click events and fetch requests for web 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.

Do I need a Chrome extension to monitor network traffic and DOM events?▼

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.

What is the best way to debug fetch requests and WebSocket traffic in a web application?▼

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.

Are there limitations when capturing network traffic within the browser environment?▼

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.