real-time-collaboration-patterns

What problem does it solve?

This Skill eliminates the complexity of building real-time collaborative features, transforming your app from static to interactive with battle-tested patterns that handle synchronization automatically.

Core Features & Use Cases

• Live Presence: Show who's online, track cursors, and display user status in real-time
• Conflict-Free Editing: Implement collaborative text editing, whiteboards, and document sharing without merge conflicts
• Real-time Chat & Messaging: Build instant messaging systems with optimistic updates and reliable delivery
• Use Case: Imagine creating a collaborative document editor where multiple users can edit simultaneously. This Skill provides the exact patterns to handle concurrent changes, show live cursors, and maintain perfect synchronization across all devices.

Quick Start

Help me implement real-time cursor tracking for a collaborative whiteboard using Supabase Realtime. Show me the client-side code for broadcasting cursor positions and receiving updates from other users.