{"enrichment":{"faq":[{"a":"Implementing-realtime-sync covers streaming LLM responses progressively using SSE (Server-Sent Events) for one-way server-to-client streams or WebSocket for bidirectional communication. SSE works well for simple token-by-token LLM output, while WebSocket enables interactive follow-ups. The skill teaches protocol selection, chunking strategies, and frontend consumption patterns across Python, Rust, Go, and TypeScript backends.","q":"How to stream LLM responses in real time?"},{"a":"Implementing-realtime-sync explains that SSE provides one-way server-to-client streaming ideal for progressive LLM responses and live dashboards, using simpler HTTP infrastructure. WebSocket enables true bidirectional communication for chat, multiplayer games, and collaborative editing. The skill guides choosing based on your use case: SSE for simpler streaming, WebSocket when clients must send real-time updates back to the server.","q":"What's the difference between server sent events vs websocket?"},{"a":"Implementing-realtime-sync teaches conflict-free collaborative editing using CRDTs (Conflict-free Replicated Data Types) with libraries like Yjs and Automerge. The skill covers operational transformation, presence awareness for cursor tracking, WebSocket synchronization, and offline-first sync so edits merge correctly when users reconnect. You'll learn to handle concurrent edits without server arbitration.","q":"How do you build real time collaboration editing like Google Docs?"},{"a":"Implementing-realtime-sync includes offline-first synchronization patterns for mobile and PWA applications, enabling users to work without connectivity and automatically sync when reconnected. The skill covers reconnection strategies, conflict resolution, and state reconciliation\u2014essential for unreliable mobile networks. It teaches both client-side caching and server-side merge logic across multiple platforms.","q":"What does implementing-realtime-sync cover for mobile apps?"},{"a":"Implementing-realtime-sync covers adding presence awareness\u2014showing which users are active\u2014and cursor tracking for multi-user interactions. The skill teaches broadcasting user positions, handling join/leave events, and managing stale presence data. You'll learn to implement typing indicators and live cursor positions using WebSocket broadcasts or pub/sub systems like Redis for horizontal scaling.","q":"How is presence awareness and cursor tracking implemented?"},{"a":"Implementing-realtime-sync covers WebSocket authentication (JWT tokens, session validation), security best practices, and horizontal scaling with Redis pub/sub for multi-server deployments. The skill addresses connection pooling, message routing, and handling thousands of concurrent connections. It includes examples in Python, Rust, Go, and TypeScript for production-grade real-time systems.","q":"What authentication and scaling patterns does this skill teach?"}],"shadow_tags":["bidirectional-messaging","conflict-resolution","peer-to-peer-media","progressive-streaming","distributed-collaboration","connection-resilience","cursor-synchronization","offline-first-architecture","horizontal-scalability"],"summary_rewrite":"Build live-updating applications with progressive token streaming for LLM responses, bidirectional chat, and multi-user collaboration. This skill covers protocol selection (SSE for one-way streams, WebSocket for two-way communication, WebRTC for peer-to-peer), conflict-free editing with CRDTs, presence awareness, and offline-first synchronization patterns across Python, Rust, Go, and TypeScript."},"files":[{"bytes":9147,"path":"skills/implementing-realtime-sync/SKILL.md","sha256":"812c6ddc4738b8537099b0c126251fe5d3313af72fa6a3a56e30951817ef4369","url":"https://skillfed.io/files/ancoleman/ai-design-components/implementing-realtime-sync/a3d3756e/SKILL.md"}],"id":"ancoleman/ai-design-components/implementing-realtime-sync","links":{"html":"https://skillfed.io/ancoleman/ai-design-components/implementing-realtime-sync","md":"https://skillfed.io/ancoleman/ai-design-components/implementing-realtime-sync.md","repo":"https://github.com/ancoleman/ai-design-components"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":59,"language":"Python","last_updated":"2025-12-11","license":"MIT","name":"implementing-realtime-sync","publisher":"ancoleman","stars":390},"relations":{"similar":[{"id":"curiositech/some_claude_skills/real-time-collaboration-engine"},{"id":"oakoss/agent-skills/realtime-sync"},{"id":"organvm/a-i--skills/realtime-websocket-patterns"},{"id":"rivet-dev/skills/collaborative-text-editor"},{"id":"dadbodgeoff/drift/sse-streaming"},{"id":"travisjneuman/.claude/websockets-realtime"},{"id":"wshaddix/dotnet-skills/dotnet-realtime-communication"},{"id":"miles990/claude-software-skills/realtime-systems"},{"id":"curiositech/some_claude_skills/websocket-streaming"},{"id":"aj-geddes/useful-ai-prompts/real-time-features"}]},"slug":{"owner":"ancoleman","repo":"ai-design-components","skill":"implementing-realtime-sync"},"version":"a3d3756e"}