realtime-ux

@hwatkins/my-skills

•published 2026/03/13

UX patterns for building real-time interfaces with Phoenix LiveView — the human side of real-time that's harder than the technical side. Use this skill whenever building features that involve: optimistic UI updates, presence indicators (who's online, typing indicators, live cursors), conflict resolution when multiple users edit the same data, graceful degradation on WebSocket disconnect, loading/skeleton states, real-time notifications, collaborative editing, or any LiveView feature where latency, concurrent users, or connection reliability affects user experience. Also trigger when the user mentions "optimistic UI", "presence", "typing indicator", "disconnect handling", "skeleton state", "loading state", "concurrent editing", "real-time UX", or asks how to make a LiveView feature "feel instant" or "handle offline gracefully".