Does it capture messages sent before the skill is activated?

No, the monitor only captures connections and messages established after the instrumentation script has been successfully installed on the target page.

Does this skill support non-Chromium browsers?

No, this skill requires a Chromium-based browser as it relies specifically on Chrome DevTools Protocol (CDP) events to intercept WebSocket frames.

Can I use this for Socket.IO and engine.io applications?

Yes, it includes specific logic to detect Socket.IO and engine.io handshake patterns and automatically parses their specific packet formats.

Can I analyze binary WebSocket data with this tool?

While it primarily focuses on string and JSON payloads for readability, it tracks the size, opcode, and frequency of all frames, including binary data.

WebSocket Monitor

Name: WebSocket Monitor
Author: anouar1991

byanouar1991

•

分析与监控

Monitors and analyzes real-time WebSocket traffic, connection lifecycles, and message payloads using Chrome DevTools Protocol.

The WebSocket Monitor skill empowers Claude to instrument web pages for deep inspection of WebSocket activity. By leveraging the Chrome DevTools Protocol (CDP), it captures connection events, tracks handshakes, and analyzes message flow with support for JSON parsing and protocol detection for Socket.IO and engine.io. This tool is essential for developers debugging connection stability, profiling bandwidth usage, or auditing real-time data exchange in modern web applications where standard network logging is insufficient.

主要功能

01Deep message payload analysis with automatic JSON and Socket.IO parsing

02Bandwidth profiling with message size and frequency statistics

03Protocol-level detection for engine.io and Socket.IO patterns

041 GitHub stars

05Real-time connection lifecycle tracking including handshakes and closures

06Timeline visualization of connection events and reconnection patterns

使用场景

01Debugging intermittent WebSocket connection drops or handshake failures

02Auditing Socket.IO implementation patterns and message structures for optimization

03Profiling the data overhead and frequency of real-time application updates

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add anouar1991/binarypetsclaude websocket-monitor

For use in Claude.ai and ChatGPT

Download Skill