Real-time communication patterns for live updates, collaboration, and presence. Use when building chat applications, collaborative tools, live dashboards, or streaming interfaces (LLM responses, metrics).
Install
npx skills add ancoleman/ai-design-components --skill implementing-realtime-syncnpx skills add ancoleman/ai-design-components --skill implementing-realtime-sync -a claude-code -gnpx skills add ancoleman/ai-design-components --skill implementing-realtime-sync -a codex -ggemini skills install https://github.com/ancoleman/ai-design-components.git --path skills/implementing-realtime-syncgh skill install ancoleman/ai-design-components implementing-realtime-syncgit clone --depth 1 https://github.com/ancoleman/ai-design-components /tmp/ancoleman__ai-design-components
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/ancoleman__ai-design-components/skills/implementing-realtime-sync ~/.claude/skills/implementing-realtime-sync # Claude Code
cp -R /tmp/ancoleman__ai-design-components/skills/implementing-realtime-sync ~/.agents/skills/implementing-realtime-sync # Codex, Cursor, Gemini CLI, Copilot, OpenCode