real-time-sync - Keep the UI synced with agent changes
Keeps React Query data synchronized with agent and database changes using shared SSE transport, polling fallback, and source-based query invalidation.
Tags
Updated: 2026-09-28Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Initialize shared sync transport
- Stream in-process change events
- Poll for missed changes
- Invalidate targeted query caches
- Track source change versions
- Prevent sync-induced UI jitter
- Refresh action query observers
Inputs
- React Query query client
- Database write events
- Source identifiers
- SSE event endpoint
- Polling endpoint
- Browser tab identifier
Outputs
- Refreshed UI data
- Invalidated query caches
- Delivered sync events
- Updated source counters
- Refetched affected queries
Requirements
- React application
- React Query
- @agent-native/core hooks
- Accessible sync endpoints
- Authenticated SSE endpoint