skills.rest
kensaurus
kensaurusCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

realtime-features

Implement real-time collaboration with WebSockets, Supabase Realtime, and Server-Sent Events.

8|Updated Feb 8, 2026
Search Tags:#collaboration#supabase#presence#frontend-backend#realtime#websockets#server-sent-events
One-click install
npx skills add https://github.com/kensaurus/cursor-kenji --skill realtime-features-kensaurus
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: realtime-features
Source: https://github.com/kensaurus/cursor-kenji/tree/main/skills/realtime-features
Command: npx skills add https://github.com/kensaurus/cursor-kenji --skill realtime-features-kensaurus

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill enables real-time collaboration by delivering live updates, presence information, and instant data synchronization across clients using WebSockets, Supabase Realtime, and Server-Sent Events.

Core Features & Use Cases

  • Real-time data streams for chat, presence, and notifications.
  • Presence tracking and online user indicators for collaborative apps.
  • Live dashboards and instant updates for dashboards and activity feeds.

Quick Start

Set up a room-based chat by subscribing to the messages table for a given room and render incoming updates in real time.

Frequently Asked Questions about realtime-features

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

FAQPage Schema
How do I add real-time presence and live chat to a frontend app?▼

Real-time presence and live chat are implemented using WebSockets and Server-Sent Events to stream data instantly. This provides online user indicators and immediate message delivery across connected clients without manual polling.

What's the best way to handle WebSocket connection management and prevent duplicate subscriptions?▼

Robust WebSocket connection management applies guardrails to prevent duplicate subscriptions and data leaks. Proper error handling and cleanup routines ensure stable real-time data streams across connected clients.

Does Supabase Realtime work well for building collaborative live dashboards?▼

Supabase Realtime supports collaborative live dashboards by providing instant data synchronization and presence tracking. It delivers live updates to activity feeds and dashboard components across teams seamlessly.

When should I use Server-Sent Events instead of WebSockets for real-time notifications?▼

Server-Sent Events suit real-time notifications needing unidirectional server-to-client streaming, while WebSockets handle bidirectional live chat. Both mechanisms apply connection cleanup to prevent data leaks.

How do I set up a room-based chat with real-time data synchronization?▼

Room-based chat is set up by subscribing to a specific messages table for a given room and rendering incoming updates in real time. This applies instant data synchronization across all clients present in that room.

Why do real-time data streams cause memory leaks in frontend applications?▼

Real-time data streams cause memory leaks when WebSocket connections lack proper cleanup and error handling. Applying guardrails against duplicate subscriptions prevents these data leaks during live updates and presence tracking.

Related Skills

Explore More Software Engineering Skills→
siondwsiondw

supabase-queries

Run SQL queries against Supabase tables to inspect contest and user data.

Community
Intermediate
koralliskorallis
90

convex-realtime

Implement real-time features using Convex reactive queries that auto-update.

Community
Intermediate
powerhouse-incpowerhouse-inc

frontend-to-backend-requirements

Document frontend data requirements for backend API development.

Official
Intermediate
cenjiecenjie

real-time-features

Enable real-time bidirectional communication via WebSocket or SSE with room-based messaging.

Community
Advanced