Real Time Features

This gives you working patterns for WebSocket, SSE, and long polling implementations when you need live updates between client and server. It covers the usual suspects: chat apps, collaborative editing, live dashboards, real time notifications. The reference guides include a Node.js WebSocket server, React client setup, SSE streaming, and a production Socket.IO configuration. The best practices section is solid on the basics like reconnection logic, heartbeats, and connection limits. If you're building anything that needs instant bidirectional communication instead of polling every few seconds, this gets you started with the right patterns and helps you avoid the common mistakes around connection management and scaling.

skills.sh installs: 548
GitHub stars: 379
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add aj-geddes/useful-ai-prompts --skill real-time-features --agent claude-code

Installs into .claude/skills of the current project.

Files

Overview

Implement real-time bidirectional communication between clients and servers for instant data synchronization and live updates.

When to Use

Chat and messaging applications
Live dashboards and analytics
Collaborative editing (Google Docs-style)
Real-time notifications
Live sports scores or stock tickers
Multiplayer games
Live auctions or bidding systems
IoT device monitoring
Real-time location tracking

Quick Start

Minimal working example:

// server.ts
import WebSocket, { WebSocketServer } from "ws";
import { createServer } from "http";

interface Message {
  type: "join" | "message" | "leave" | "typing";
  userId: string;
  username: string;
  content?: string;
  timestamp: number;
}

interface Client {
  ws: WebSocket;
  userId: string;
  username: string;
  roomId: string;
}

SKILL.md on GitHub