convex-realtime

Implement real-time features using Convex reactive queries that update automatically when data changes.

3|Updated Aug 26, 2026
One-click install
npx skills add https://github.com/Fabric-Pro/fabric-oss --skill convex-realtime-fabric-pro
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: convex-realtime
Source: https://github.com/Fabric-Pro/fabric-oss/tree/main/.cursor/skills/convex-realtime
Command: npx skills add https://github.com/Fabric-Pro/fabric-oss --skill convex-realtime-fabric-pro

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Building live, collaborative features typically requires manual polling, WebSocket plumbing, and cache invalidation logic. This Skill guides the implementation of Convex reactive queries so UI components update automatically whenever underlying data changes, removing that boilerplate. ## Core Features & Use Cases - Auto-Updating Queries: Use useQuery hooks that re-render components automatically when subscribed data changes, with no manual polling. - Live Collaboration Patterns: Guidance for chat applications, collaborative editing, presence indicators, and activity feeds. - Reactive Dashboards & Search: Build live dashboards, real-time notifications, and reactive search results that stay synchronized across clients. - Use Case: When building a team chat feature, subscribe to api.messages.list with a channel ID so every connected client sees new messages the moment they are written to the database. ## Quick Start Ask the AI to implement a real-time message list for a chat channel using a Convex reactive query with useQuery.

Frequently Asked Questions about convex-realtime

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build real-time features with Convex?▼

Use the useQuery hook to subscribe to a Convex query function, such as api.messages.list with a channel ID argument. The component automatically re-renders whenever the underlying data changes, with no polling or WebSocket code required.

How do Convex reactive queries update automatically?▼

Convex tracks which data each query reads and pushes updates to subscribed clients when that data changes. Calling useQuery in a React component creates a live subscription that re-runs the query and re-renders on every relevant change.

Can I use Convex for chat applications and presence indicators?▼

Yes, Convex reactive queries suit chat, presence indicators, activity feeds, and collaborative editing. Subscribing to a messages or presence query keeps all connected clients synchronized as data is written.

Do I need manual polling for live dashboards with Convex?▼

No, manual polling is unnecessary with Convex. Reactive queries push updates to subscribed components automatically, so dashboards, notifications, and reactive search results stay current without setInterval or refetch logic.

When should I not use Convex reactive queries?▼

Avoid reactive subscriptions for extremely high-frequency data where every update does not need to reach the client, or when the backend is not hosted on Convex. In those cases, throttled polling or a dedicated streaming service may fit better.