Implement optimistic UI, presence indicators, and reconnection patterns in Phoenix LiveView.
npx skills add https://github.com/hwatkins/my-skills --skill realtime-ux
Please help me install this Agent Skill. Skill: realtime-ux Source: https://github.com/hwatkins/my-skills/tree/main/skills/realtime-ux Command: npx skills add https://github.com/hwatkins/my-skills --skill realtime-ux
LiveView-based interfaces often struggle with latency perception, presence visibility, and resilience during disconnects. This skill provides UX patterns to make real-time interactions feel instantaneous and reliable across multi-user scenarios.
Implement real-time UX by combining optimistic UI, presence indicators, and reconnection handling to create a responsive LiveView experience.
High-intent search queries and answers about installing and using this skill.
Optimistic UI in Phoenix LiveView reduces perceived latency by immediately reflecting expected state changes before server confirmation. This Skill provides structured Level 0-5 optimistic patterns to make real-time interactions feel instant across events and actions.
Managing user presence in collaborative LiveView dashboards involves broadcasting visibility, avatars, and typing signals. This Skill supplies UX patterns for presence indicators, activity status, and privacy guidelines for multi-user editing contexts.
Conflict resolution during real-time multi-user editing handles simultaneous data modifications to prevent overwrites. This Skill addresses conflict resolution strategies including optimistic locking, real-time broadcasting, and merge approaches.
Resilient reconnection for LiveView disconnects uses phx-auto-recover, automatic retries, and graceful degradation to restore sessions. This Skill provides robust recovery mechanisms and UX guidelines for edge cases like lag and disconnections.
Phoenix LiveView requires special UX patterns for offline safety and live feed broadcasting to maintain interaction quality during network drops. This Skill provides state recovery mechanisms and real-time broadcasting of edits to keep users in sync.
Real-time LiveView UX feels sluggish during collaborative interactions due to unmanaged latency perception, presence visibility, and disconnect resilience. This Skill solves these challenges using structured optimistic UI, presence indicators, and robust reconnection patterns.
bobmatnycBuild JSON APIs and real-time features with Phoenix Channels and Presence.
luanrodriguesOrchestrate chaos testing with Toxiproxy to validate graceful degradation under network failures.
pubnubMonitor join, leave, timeout, and state-change events on PubNub channels.
layeddieImplement Phoenix LiveView UI patterns for real-time interfaces.
