By liveblocks
Realtime collaboration for your app. Add agent skills and rules to ship rooms, presence, storage, comments, Yjs sync, and auth with concrete best practices.
Use this skill when building, debugging, or answering questions about Liveblocks. Liveblocks gives you the building blocks and infrastructure to enable people and AI to work together inside your app, powering realtime collaboration. Liveblocks features include collaboration, rooms, organizations, workspaces, comments, composer, threads, notifications, multiplayer, conflict resolution, realtime presence, avatar stacks, AI collaborators, AI agents, text editors, Tiptap, BlockNote, Lexical, React Flow, Chat SDK. Common components include AiChat, Thread, InboxNotification, Composer, Toolbar (for Lexical Tiptap), FloatingToolbar, FloatingComposer, FloatingThreads, AnchoredThreads. Common hooks include useThreads, useStorage, useMutation, useOthers, useInboxNotifications, useAiChats. Common issues are related to authentication (ID tokens vs access tokens), permissions, room limits, connection errors, user info.
Use this skill when implementing or debugging Yjs features. It helps with Yjs import issues, subdocuments, `YKeyValue`, `Y.Map`, and experimental V2 encoding.
Requires secrets
Needs API keys or credentials to function
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
The Liveblocks plugin helps AI coding assistants write Liveblocks and Yjs code. It bundles agent skills, MCP server configuration, and instruction files for AI coding tools.
Install the Liveblocks plugin:
npx plugins add liveblocks/liveblocks-plugin
After installation, start a new thread in your AI coding tool so the Liveblocks skills and MCP server are available.
| Tool | Status |
|---|---|
| Claude Code | Supported |
| OpenAI Codex | Supported |
| Cursor | Supported |
| Grok Build | Supported |
| GitHub Copilot | Supported |
The plugins CLI currently installs the plugin automatically for Claude Code,
Cursor, and OpenAI Codex. Grok Build and GitHub Copilot can use the repository's
plugin manifest, skills, MCP configuration, and instruction files directly.
| Skill | Description | Source |
|---|---|---|
liveblocks-best-practices | Best practices for Liveblocks rooms, auth, presence, Storage, comments, notifications, text editors, React patterns, and more. | Authored here |
yjs-best-practices | Guidance for Yjs data modeling, updates, performance, subdocuments, providers, and common debugging issues. | Authored here |
The plugin includes the Liveblocks MCP server, giving agents tool access to create, modify, and delete different aspects of Liveblocks such as rooms, threads, comments, notifications, and more. It also has read access to Storage and Yjs.
Set a development project secret key before starting your coding agent:
export LIVEBLOCKS_SECRET_KEY="sk_..."
Do not use a production secret key. The MCP server gives your agent direct access to inspect and modify data in that Liveblocks project.
After installation, skills are automatically available in your AI tool. Your agent will use them when it judges they are relevant.
How do I handle unstable Wi-Fi connections with Liveblocks?
How do I pass custom headers to my auth endpoint?
Why is my Y.Map growing so large?
The plugin package is available in
liveblocks/liveblocks-plugin.
Standalone skills are available in
liveblocks/skills.
npx claudepluginhub liveblocks/liveblocks-pluginRealtime collaboration for your app. Add agent skills and rules to ship rooms, presence, storage, comments, Yjs sync, and auth with concrete best practices.
Harness-native ECC operator layer - 67 agents, 271 skills, 92 legacy command shims, reusable hooks, rules, selective install profiles, and production-ready workflows for Claude Code, Codex, OpenCode, Cursor, and related agent harnesses
Comprehensive skill pack with 66 specialized skills for full-stack developers: 12 language experts (Python, TypeScript, Go, Rust, C++, Swift, Kotlin, C#, PHP, Java, SQL, JavaScript), 10 backend frameworks, 6 frontend/mobile, plus infrastructure, DevOps, security, and testing. Features progressive disclosure architecture for 50% faster loading.
Next.js development expertise with skills for App Router, Server Components, Route Handlers, Server Actions, and authentication patterns
Complete collection of battle-tested Claude Code configs from an Anthropic hackathon winner - agents, skills, hooks, and rules evolved over 10+ months of intensive daily use