realtime

Orchestrate real-time WebSocket/SSE data flows with worker and offline fallbacks.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/lunaticwithaduck/majstorbg --skill realtime-lunaticwithaduck
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: realtime
Source: https://github.com/lunaticwithaduck/majstorbg/tree/main/apps/web/.claude/skills/realtime
Command: npx skills add https://github.com/lunaticwithaduck/majstorbg --skill realtime-lunaticwithaduck

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Provides a unified approach to real-time data delivery and offline-capable UI by integrating WebSocket, Server-Sent Events (SSE), and worker patterns with offline strategies.

Core Features & Use Cases

  • Real-time transport (WebSocket, SSE) with robust fallbacks for unreliable networks
  • Off-main-thread processing using Web Workers and Comlink for responsive UIs
  • Offline support and caching via Service Worker, Workbox, and PWA patterns
  • Suitable for dashboards, live feeds, chat, and collaborative apps requiring low-latency updates

Quick Start

Start by establishing a WebSocket endpoint for live data and initialize a worker to handle heavy tasks off the main thread.

Frequently Asked Questions about realtime

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

FAQPage Schema
How do I handle real-time data in web apps without blocking the main thread?

Off-main-thread processing via Web Workers and Comlink handles real-time data without blocking the UI. This Skill orchestrates worker-based processing to keep dashboards and collaborative apps responsive during heavy streaming updates.

What is the best way to add offline support to a real-time WebSocket application?

Combine WebSocket transports with Service Workers, Workbox, and PWA caching patterns for offline support. This Skill implements background-sync strategies to buffer data and resume streaming seamlessly when network connectivity is restored.

Can I use Server-Sent Events with a fallback for unreliable networks?

Yes, Server-Sent Events (SSE) can be configured with robust fallbacks. This Skill features a modular transport decision tree that automatically downgrades to alternative data delivery methods when SSE or WebSocket connections drop.

How do I set up real-time data streaming for a live dashboard?

Establish a WebSocket or SSE endpoint and initialize a worker for real-time dashboard streaming. This Skill orchestrates live data flows using off-main-thread processing and offscreen rendering to deliver low-latency updates efficiently.

Does Comlink work with Web Workers for off-main-thread processing in modern browsers?

Comlink works with Web Workers across modern browsers to expose worker APIs to the main thread. This Skill utilizes a Comlink-based worker API to safely delegate heavy computations, ensuring responsive UIs during data streaming.

When should I use Server-Sent Events instead of WebSocket for streaming feeds?

Use Server-Sent Events for unidirectional streaming feeds and WebSocket for bidirectional chat. This Skill applies a modular transport decision tree to select the optimal protocol, including fallbacks when either is unavailable.