convex-realtime

Implement reactive real-time features for Convex-powered React apps with validated patterns.

Updated Apr 22, 2026
One-click install
npx skills add https://github.com/wixels/sab-colour-profile --skill convex-realtime-wixels
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: convex-realtime
Source: https://github.com/wixels/sab-colour-profile/tree/main/.agents/skills/convex-realtime
Command: npx skills add https://github.com/wixels/sab-colour-profile --skill convex-realtime-wixels

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Building reactive, real-time features for Convex applications requires manual handling of subscriptions, caching, optimistic updates, and pagination, which is error-prone and time-consuming for developers.

Core Features & Use Cases

  • Automatic Real-time Subscriptions: Keep UI synchronized with database changes without manual refresh or polling.
  • Optimistic UI Updates: Show user actions immediately for better perceived performance, with automatic rollback on server errors.
  • Cursor-based Pagination: Efficiently load large datasets with load-more or infinite scroll patterns.
  • Use Case: Ideal for building real-time chat apps, task dashboards, notification systems, and any application requiring live data synchronization across users.

Quick Start

Use the convex-realtime skill to add a real-time task list with optimistic toggle updates and cursor-based pagination to your Convex React application.

Frequently Asked Questions about convex-realtime

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

FAQPage Schema
How do I implement real-time subscriptions in a Convex React application?

Real-time subscriptions in a Convex React application automatically synchronize UI components with database changes without manual polling. This skill provides standardized subscription management patterns to keep live data dashboards continuously updated.

What is the best way to handle optimistic UI updates with automatic rollback in Convex?

Optimistic UI updates in Convex display user actions immediately for better perceived performance, with automatic rollback on server errors. This skill validates patterns for showing instant UI feedback while maintaining data consistency during failures.

How do I add cursor-based pagination to a Convex live data feed?

Cursor-based pagination for Convex live data feeds enables efficient loading of large datasets using load-more or infinite scroll patterns. This skill provides validated implementation patterns for paginated content requiring automatic synchronization.

Can I build a real-time chat interface with consistent cross-component cache behavior using Convex?

Real-time chat interfaces using Convex can maintain consistent cross-component cache behavior during live data synchronization. This skill offers standardized patterns for subscription management across chat components and notification systems.

Does Convex support automatic data synchronization for task dashboards without manual refresh?

Convex supports automatic data synchronization for task dashboards without manual refresh through real-time subscriptions. This skill enables reactive features that keep UI synchronized with database changes across multiple users instantly.