Why does this skill emphasize the 'auth' option over query strings?

Passing tokens in query strings is insecure as they can be logged by servers or proxies; the 'auth' option keeps credentials in the handshake packet and allows for dynamic token refreshing.

How does this skill prevent memory leaks in React?

It provides patterns for using useEffect hooks that ensure every 'socket.on' listener is matched with a 'socket.off' cleanup function using identical references.

Is Socket.IO the same as native WebSockets?

No. Socket.IO is a library that uses WebSockets as a transport but adds a custom protocol layer providing features like automatic reconnection, rooms, and HTTP long-polling fallbacks.

Does this support Socket.IO connection state recovery?

Yes, it includes patterns for using the 'socket.recovered' flag (v4.6.0+) to determine if missed events were automatically delivered after a brief disconnection.

Socket.IO Real-Time Patterns

Name: Socket.IO Real-Time Patterns
Author: agents-inc

byagents-inc

0•

Desarrollo de API

Implements production-grade Socket.IO v4.x patterns for robust, real-time bidirectional communication with typed events and secure connection management.

This skill provides specialized guidance for implementing Socket.IO v4.x within Claude Code, focusing on building high-reliability real-time features. It covers critical architectural patterns including TypeScript event safety, secure authentication via the auth option, and sophisticated room/namespace management. By following these patterns, developers can ensure their real-time applications—ranging from chat systems to live dashboards—handle disconnections gracefully, avoid memory leaks in frontend frameworks like React, and maintain type safety across the network boundary.

Características Principales

01Strict TypeScript event interfaces for end-to-end type safety

02Advanced room and namespace multiplexing for logical data isolation

03Memory-safe React integration hooks with automatic listener cleanup

04Secure authentication patterns using the auth object and dynamic token refresh

050 GitHub stars

06Comprehensive connection lifecycle management with reconnection state recovery

Casos de Uso

01Developing multiplayer synchronization engines with acknowledgment-based delivery confirmation

02Building real-time chat and collaboration tools with room-based broadcasting

03Implementing live data dashboards requiring automatic reconnection and transport fallbacks

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add agents-inc/skills web-realtime-socket-io

For use in Claude.ai and ChatGPT

Download Skill