Skill

role-fullstack:real-time-features

Implement real-time features using WebSockets (Socket.io, ws), Server-Sent Events (SSE), Supabase Realtime, Firebase, or Pusher. Covers presence indicators, live cursors, CRDT-based collaborative editing (Yjs, Automerge), notifications with offline delivery, chat with optimistic rendering, and Redis Pub/Sub backplane for multi-node scaling. Use when adding live updates, chat, collaboration, or any server-to-client or bidirectional communication.

Install

npx claudepluginhub rnavarych/alpha-engineer --plugin role-fullstack

Tool Access

This skill is limited to using the following tools:

ReadGrepGlobBash

Preview

- Adding live notifications or activity feeds

Supporting Assets

references/presence-collaboration-chat.mdreferences/websockets-sse.md

SKILL.md

Similar Skills

skill-lookup

Searches, retrieves, and installs Agent Skills from prompts.chat registry using MCP tools like search_skills and get_skill. Activates for finding skills, browsing catalogs, or extending Claude.

prompts.chat

157.6k

prompt-lookup

Searches prompts.chat for AI prompt templates by keyword or category, retrieves by ID with variable handling, and improves prompts via AI. Use for discovering or enhancing prompts.

prompts.chat

157.6k

api-design

Provides REST API design patterns for resource naming, URL structures, HTTP methods/status codes, pagination, filtering, errors, versioning, and rate limiting.

everything-claude-code

156.2k

Stats

Parent Repo Stars9

Parent Repo Forks0

Last CommitMar 3, 2026

Actions

View Source View Plugin View on GitHub View README

role-fullstack:real-time-features

Core principles

Transport matches use case — SSE for server-push feeds and dashboards; Socket.io for rooms, chat, and bidirectional events; managed services (Pusher, Ably) when infra ownership is not worth it

Authenticate before accepting — validate JWT or session cookie in the Socket.io connection middleware; never allow anonymous socket joins to protected rooms

Always clean up subscriptions — every eventBus.on and every socket.join needs a corresponding teardown on disconnect or component unmount

Deltas over full state — emit only what changed; sending full document snapshots on every keystroke kills throughput and battery

Redis backplane for multi-node — a single Socket.io Redis adapter call is all that stands between "works on one dyno" and "works on ten"

Reference Files

references/websockets-sse.md — technology selection table, Socket.io five-step server setup, SSE ReadableStream implementation for Next.js route handlers, scaling with Redis Pub/Sub and sticky sessions

references/presence-collaboration-chat.md — presence heartbeat with Redis sorted sets, Yjs/Automerge CRDT integration with TipTap/Lexical, notifications pipeline (online WebSocket + offline queue), chat message model and cursor-based pagination, common pitfalls

Real-Time Features

When to use

Adding live notifications or activity feeds
Building a chat system or typing indicators
Implementing presence indicators (online/idle/offline)
Adding collaborative editing or live cursors
Streaming data to a dashboard in real time
Scaling WebSocket connections across multiple server instances

Core principles

Transport matches use case — SSE for server-push feeds and dashboards; Socket.io for rooms, chat, and bidirectional events; managed services (Pusher, Ably) when infra ownership is not worth it
Authenticate before accepting — validate JWT or session cookie in the Socket.io connection middleware; never allow anonymous socket joins to protected rooms
Always clean up subscriptions — every eventBus.on and every socket.join needs a corresponding teardown on disconnect or component unmount
Deltas over full state — emit only what changed; sending full document snapshots on every keystroke kills throughput and battery
Redis backplane for multi-node — a single Socket.io Redis adapter call is all that stands between "works on one dyno" and "works on ten"

Reference Files

references/websockets-sse.md — technology selection table, Socket.io five-step server setup, SSE ReadableStream implementation for Next.js route handlers, scaling with Redis Pub/Sub and sticky sessions
references/presence-collaboration-chat.md — presence heartbeat with Redis sorted sets, Yjs/Automerge CRDT integration with TipTap/Lexical, notifications pipeline (online WebSocket + offline queue), chat message model and cursor-based pagination, common pitfalls