skills.rest
curiositech
curiositechOFFICIAL
Explore all skills by this author →
WebsiteGitHub

real-time-collaboration-engine

Implement WebSocket communication with OT/CRDT conflict resolution and presence awareness.

181|30|Updated Nov 16, 2025
Search Tags:#collaboration#real-time#presence#websocket#crdt#ot
One-click install
npx skills add https://github.com/curiositech/some_claude_skills --skill real-time-collaboration-engine
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: real-time-collaboration-engine
Source: https://github.com/curiositech/some_claude_skills/tree/main/.claude/skills/real-time-collaboration-engine
Command: npx skills add https://github.com/curiositech/some_claude_skills --skill real-time-collaboration-engine

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires ot.js, yjs, y-websocket, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides the core logic and patterns for building applications that require multiple users to interact and edit content simultaneously in real-time, preventing data loss and ensuring a smooth user experience.

Core Features & Use Cases

  • Conflict Resolution: Implements strategies like Operational Transform (OT) and CRDTs to handle concurrent edits gracefully.
  • Presence Awareness: Enables features like cursor tracking and user lists to show who is active and where.
  • Offline Support: Handles disconnections and queues changes to sync when the user comes back online.
  • Use Case: Powering collaborative document editors (like Google Docs), shared whiteboards, or multi-user design tools.

Quick Start

Use the real-time collaboration engine skill to set up a WebSocket connection with automatic reconnection and optimistic updates for a collaborative text editor.

Frequently Asked Questions about real-time-collaboration-engine

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

FAQPage Schema
How do I handle concurrent edits and conflict resolution in a real-time collaborative editor?▼

Conflict resolution in a real-time collaborative editor is managed using Operational Transform (OT) or CRDTs to gracefully merge concurrent edits and prevent data loss.

What is the best way to add presence awareness like cursor tracking to a multi-user application?▼

Presence awareness for multi-user applications is implemented by tracking active user states and cursor positions over a WebSocket connection, enabling features like live cursor tracking and participant lists.

How do I build a WebSocket connection with offline support for real-time collaboration?▼

Building a WebSocket connection with offline support involves handling disconnections and queuing changes locally, which automatically sync and merge using CRDTs or OT when the user reconnects online.

When should I use CRDTs vs Operational Transform for real-time data synchronization?▼

Use CRDTs or Operational Transform for real-time data synchronization when multiple users interact simultaneously; both mechanisms manage concurrent edits gracefully, but CRDTs often handle offline scenarios more naturally.

Does yjs work with y-websocket to build shared whiteboards and collaborative dashboards?▼

Yes, yjs works with y-websocket to build shared whiteboards and collaborative dashboards by providing the underlying CRDT data synchronization and WebSocket communication required for concurrent multi-user interactions.

Related Skills

Explore More Software Engineering Skills→
nekorush14nekorush14
4

react-state-management

Manage React client state with Context API and server state with TanStack Query.

Community
Advanced
rshankrasrshankras
603

offline-queue

Generate an offline operation queue with persistence and automatic retry for Swift applications.

Community
Advanced
doanchienthangdevdoanchienthangdev
4

Offline-First

Implement offline-first mobile architecture with WatermelonDB for local persistence and synchronization.

Community
Advanced
skeletorfletskeletorflet
7

realtime-collaborative

Synchronize client state with CRDTs over WebSocket and WebRTC channels.

Community
Advanced