implementing-realtime-features

Establish Supabase Realtime subscriptions and cross-tab synchronization for StickerNest data.

1|Updated Dec 28, 2025
One-click install
npx skills add https://github.com/Nymfarious/StickerNestV3 --skill implementing-realtime-features
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: implementing-realtime-features
Source: https://github.com/Nymfarious/StickerNestV3/tree/main/.claude/skills/implementing-realtime-features
Command: npx skills add https://github.com/Nymfarious/StickerNestV3 --skill implementing-realtime-features

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

StickerNest teams need live, cross-tab updates and presence to collaborate in real time, ensuring all dashboards reflect current state across devices.

Core Features & Use Cases

  • Supabase Realtime integration for persistent data changes via postgres_changes
  • Ephemeral presence and cursor sharing using broadcast channels
  • Cross-tab and cross-device synchronization through the EventBus and TransportManager
  • Use cases include live chat, real-time widget updates, and collaborative editing on shared canvases

Quick Start

Configure a Realtime service, bridge events to the EventBus, and verify live updates across two tabs.

Frequently Asked Questions about implementing-realtime-features

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

FAQPage Schema
How do I sync live data updates across multiple browser tabs using Supabase Realtime?

You sync live updates across browser tabs by establishing Supabase Realtime subscriptions via postgres_changes and bridging events to an EventBus for cross-tab synchronization, ensuring all open dashboards reflect current state immediately.

What is the best way to implement ephemeral presence and cursor sharing for collaborative editing?

The best way to implement ephemeral presence and cursor sharing is by using Supabase broadcast channels to transmit ephemeral state across devices. This approach supports collaborative editing on shared canvases without persisting temporary cursor data.

How does an EventBus bridge realtime events to a TransportManager for cross-device synchronization?

An EventBus bridges realtime events to a TransportManager by routing incoming Supabase Realtime payloads through an internal event system, enabling transport-based synchronization across multiple devices and maintaining consistent live widget updates.

Do I need to manually handle unsubscribe logic when setting up Supabase Realtime subscriptions?

Yes, you must manually handle unsubscribe logic when setting up Supabase Realtime subscriptions to prevent memory leaks. Proper unsubscribe handling ensures ephemeral presence and cross-tab event listeners are cleaned up correctly when no longer needed.

Can I use Supabase Realtime broadcast channels for live chat and collaborative widget updates?

Yes, you can use Supabase Realtime broadcast channels for live chat and collaborative widget updates. Broadcast channels transmit ephemeral presence and cursor sharing data, while postgres_changes handle persistent data updates for shared canvases.