skills.rest
miles990
miles990COMMUNITY
Explore all skills by this author →
GitHub

realtime-systems

Implement real-time applications with WebSockets, SSE, and Pub/Sub in TypeScript and React.

20|5|Updated Jan 5, 2026
Search Tags:#redis#real-time#event-driven#pub/sub#sse#websocket#socket.io
One-click install
npx skills add https://github.com/miles990/claude-software-skills --skill realtime-systems
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: realtime-systems
Source: https://github.com/miles990/claude-software-skills/tree/main/development-stacks/realtime-systems
Command: npx skills add https://github.com/miles990/claude-software-skills --skill realtime-systems

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires ws, socket.io, redis, express, ioredis, and includes scripts (resource) and references (resource) and templates (resource) components.

What problem does it solve?

This Skill enables the creation of dynamic, real-time applications by leveraging technologies like WebSockets, Server-Sent Events, and pub/sub patterns, ensuring instant data flow and user interaction.

Core Features & Use Cases

  • Real-time Communication: Implement bidirectional communication with WebSockets for chat applications, live updates, and collaborative tools.
  • Server-Sent Events (SSE): Efficiently push data from server to client for notifications, live feeds, and progress indicators.
  • Event-Driven Architectures: Utilize pub/sub patterns with tools like Redis for scalable, decoupled real-time systems.
  • Use Case: Develop a live dashboard that updates stock prices in real-time for all connected users without requiring them to refresh the page.

Quick Start

Use the realtime-systems skill to set up a basic WebSocket server using Node.js.

Frequently Asked Questions about realtime-systems

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

FAQPage Schema
How do I build a real-time chat application with WebSockets and Redis?▼

Build a real-time chat application using WebSockets for bidirectional communication and Redis for scalable pub/sub messaging. This Skill provides server and client implementations in TypeScript and React to handle live message delivery across connected users.

What is the best way to push live updates to a dashboard using Server-Sent Events?▼

Server-Sent Events (SSE) efficiently push data from server to client for live dashboard updates like stock prices. This Skill implements SSE patterns to stream data to connected browsers without requiring page refreshes.

Can I scale real-time WebSocket connections across multiple Node.js servers?▼

Scale WebSocket connections across multiple Node.js servers using Redis pub/sub integration. This Skill leverages ioredis to synchronize events and broadcast messages across server instances for distributed real-time systems.

Does this Skill support collaborative editing and real-time notifications?▼

Yes, this Skill supports collaborative editing and real-time notifications through event-driven pub/sub patterns. It provides templates for syncing state changes instantly across clients using WebSockets and SSE.

How do I set up a basic WebSocket server using Express and Socket.io?▼

Set up a basic WebSocket server by integrating Socket.io with Express in Node.js. This Skill provides starter scripts and templates to establish bidirectional real-time communication channels between the server and React clients.

When should I use Server-Sent Events instead of WebSockets for live data streaming?▼

Use Server-Sent Events for unidirectional server-to-client streaming like live feeds and progress indicators, and WebSockets for bidirectional chat applications. This Skill implements both patterns to match specific real-time data flow requirements.

Related Skills

Explore More Software Engineering Skills→
travisjneumantravisjneuman
88

websockets-realtime

Implement WebSocket and SSE clients and servers in Node.js and TypeScript with Redis scaling and React integration.

Community
Advanced
RepairYourTechRepairYourTech
6

socketio

Set up Socket.io real-time communication with Express or NestJS and React hooks.

Community
Advanced
mainza-aimainza-ai
83

milimo-system-architect

Coordinates React frontend and FastAPI backend with SAM 3 for Milimo Video workflows.

Community
Advanced
mlbrightmlbright

action-cable-patterns

Implement real-time features with Action Cable and WebSockets in Ruby on Rails.

Community
Intermediate