convex

Generate Convex-backed type-safe APIs with cRPC hooks for React apps.

434|33|Updated Jul 27, 2025
One-click install
npx skills add https://github.com/udecode/better-convex --skill convex-udecode
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: convex
Source: https://github.com/udecode/better-convex/tree/main/.claude/skills/convex
Command: npx skills add https://github.com/udecode/better-convex --skill convex-udecode

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Convex backends often require repetitive setup for queries, mutations, and authentication in React apps. This Skill provides foundational patterns, cRPC hooks, and consistency across Convex-based data access.

Core Features & Use Cases

  • Foundational patterns: queries, mutations, actions, and Ents schemas for strong typing.
  • Auth and rate limiting: built-in scaffolding for secure access and request pacing.
  • React integration: hooks like useCRPC, queryOptions, and mutationOptions with TanStack Query for real-time updates and RSC prefetching.
  • Use Case: Rapidly bootstrap a Convex-backed Next.js app with predictable data flows and client-server boundaries.

Quick Start

Install Convex patterns in your project and start using the cRPC hooks for data access.

Frequently Asked Questions about convex

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

FAQPage Schema
How do I set up type-safe queries and mutations with Convex in a React app?

Type-safe queries and mutations with Convex in a React app are set up using foundational patterns and cRPC hooks like queryOptions and mutationOptions. This ensures predictable data flows across the client-server boundary.

Does Convex work with TanStack Query for RSC prefetching and real-time updates?

Yes, Convex works with TanStack Query to provide real-time updates and RSC prefetching in Next.js apps. It uses hooks like useCRPC to bridge the client-server boundary for predictable data fetching.

What is the best way to handle authentication and rate limiting in a Convex backend?

The best way to handle authentication and rate limiting in a Convex backend is through built-in scaffolding that secures access and paces requests. This provides consistent data access patterns without repetitive manual setup.

Can I use Ents schemas to define strongly typed data structures in Convex?

Yes, you can use Ents schemas in Convex to define strongly typed data structures for your queries and mutations. This establishes a reliable client-server boundary for your real-time React application.

How do I avoid repetitive setup when building real-time React apps with Convex?

You avoid repetitive setup when building real-time React apps with Convex by applying foundational patterns and cRPC hooks that streamline data access. This ensures consistent type-safe APIs for queries and mutations.

Why do I need skeleton loading patterns when prefetching Convex queries in Next.js?

Skeleton loading patterns are needed when prefetching Convex queries in Next.js to maintain predictable data flows during the rendering process. These patterns satisfy requirements for RSC prefetching and improve user experience.