What problem does it solve? Building realtime collaboration features like multiplayer cursors, comments, notifications, and collaborative text editors involves tricky authentication, permissions, performance, and error-handling decisions. This Skill provides curated best practices and troubleshooting guidance for every Liveblocks feature so you avoid common pitfalls. ## Core Features & Use Cases - Authentication & Permissions: Set up ID token or access token auth, create rooms manually with correct permissions, and compartmentalize resources with organizations. - Collaboration Features: Implement comments, threads, notifications, presence, avatar stacks, multiplayer React Flow diagrams, and collaborative Tiptap, BlockNote, or Lexical editors. - Performance & Reliability: Optimize renders with useStorage selectors and presence hooks, handle connection errors, full rooms, unstable networks, and loading or error states with Suspense. - Use Case: When adding a collaborative Tiptap editor with commenting to a Next.js app, load the relevant references to configure authentication, resolve user info, and structure Suspense boundaries correctly. ## Quick Start Use the liveblocks-best-practices skill to help me set up authentication and a collaborative text editor with Liveblocks in my React app.
