websocket-realtime
Real-time communication patterns with WebSocket, Socket.io, Server-Sent Events, and scaling strategies
Profile →npx skills add rohitg00/awesome-claude-code-toolkit --skill websocket-realtime --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# WebSocket & Real-Time ## WebSocket Server ```typescript import { WebSocketServer, WebSocket } from "ws"; const wss = new WebSocketServer({ port: 8080 }); const rooms = new Map<string, Set<WebSocket>>(); wss.on("connection", (ws, req) => { const userId = authenticateFromUrl(req.url); if (!userId) { ws.close(4001, "Unauthorized"); return; } ws.on("message", (data) => { const message = JSON.parse(data.toString()); switch (message.type) { case "join": joinRoom(message.room, ws); break; case "leave": leaveRoom(message.room, ws); break; case "broadcast": broadcastToRoom(message.room, message.payload, ws); break; } }); ws.on("close", () => { rooms.forEach((members) => members.delete(ws)); }); ws.send(JSON.stringify({ type: "connected", userId })); }); function joinRoom(room: string, ws: WebSocket) { if (!rooms.has(room)) rooms.set(room, new Set()); rooms.get(room)!.add(ws); } function broadcastToRoom(room: string, payload: unknown, sender: WebSocket) { const members = rooms.get(room); if (!members) return; const message = JSON.stringify({ type: "message", room, payload }); members.forEach((client) => { if (client !== sender && client.readyState === WebSocket.OPEN) { client.send(message)
- WebSocket Server
- Socket.io with Rooms
- Server-Sent Events (SSE)
- Client Reconnection
- Anti-Patterns
- Checklist
What does the websocket-realtime skill do?
Real-time communication patterns with WebSocket, Socket.io, Server-Sent Events, and scaling strategies
How do I install it?
Run `npx skills add rohitg00/awesome-claude-code-toolkit --skill websocket-realtime --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From rohitg00/awesome-claude-code-toolkit, a repository with 2,438 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.