Frontend 6,047 installs

convex-create-component

by get-convex/agent-skills

Builds reusable Convex components with isolated tables and app-facing APIs. Use for new components, reusable backend modules, integrations, or component…

Skill content

Design and build isolated, reusable Convex backend components with clear boundaries and app-facing wrappers.

- Supports three component shapes: local (single-app), packaged (npm), and hybrid (both), with a decision tree to choose the right fit

- Enforces architectural boundaries: components own their tables and functions, while the app handles authentication, environment access, and client-facing wrappers

- Provides a complete workflow from planning (tables, public API, data flow) through implementation, wiring with app.use(...), and validation via npx convex dev

- Includes patterns for authentication handoff, ID passing across boundaries, function handles for callbacks, and class-based client wrappers for published components

Convex Create Component

Create reusable Convex components with clear boundaries and a small app-facing
API.

When to Use

- Creating a new Convex component in an existing app

- Extracting reusable backend logic into a component

- Building a third-party integration that should own its own tables and
workflows

- Packaging Convex functionality for reuse across multiple apps

When Not to Use

- One-off business logic that belongs in the main app

- Thin utilities that do not need Convex tables or functions

- App-level orchestration that should stay in convex/

- Cases where a normal TypeScript library is enough