What problem does it solve? Building realtime collaboration features like multiplayer cursors, comments, notifications, and collaborative text editors involves many pitfalls: authentication misconfiguration, room permission errors, excessive re-renders, and connection failures. This Skill provides curated best practices and troubleshooting guidance for the entire Liveblocks ecosystem. ## Core Features & Use Cases - Authentication & Permissions: Set up ID token or access token authentication, create rooms manually with correct permissions, and compartmentalize resources with organizations. - Realtime Features: Implement presence, avatar stacks, multiplayer React Flow diagrams, custom Storage-based sync, and collaborative Tiptap, BlockNote, or Lexical text editors. - Performance & Reliability: Optimize renders with useStorage selectors and shallow comparison, handle connection errors and full rooms, and structure apps with Suspense and ErrorBoundary. - Use Case: When adding commenting to a Next.js app, load the relevant references to configure resolveUsers, customize Thread components, and send notification emails via webhooks. ## Quick Start Ask the AI to help you add Liveblocks realtime collaboration, comments, or a collaborative text editor to your React application.
