convex-create-component

Design and implement reusable Convex components with isolated tables and app-facing wrappers.

Updated Apr 24, 2026
One-click install
npx skills add https://github.com/Katlyng/proy_vibetribe --skill convex-create-component-katlyng
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: convex-create-component
Source: https://github.com/Katlyng/proy_vibetribe/tree/main/packages/backend/.agents/skills/convex-create-component
Command: npx skills add https://github.com/Katlyng/proy_vibetribe --skill convex-create-component-katlyng

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designs and builds Convex components with isolated tables, clear boundaries, and app-facing wrappers. Use this skill when creating a new Convex component, extracting reusable backend logic into a component, building a third-party integration that owns its own tables, packaging Convex functionality for reuse, or when the user mentions defineComponent, app.use, ComponentApi, ctx.runQuery/runMutation across component boundaries, or wants to separate concerns into isolated Convex modules.

Core Features & Use Cases

  • Design and implement component boundaries with isolated tables, clean API surfaces, and app-facing wrappers.
  • Extract reusable backend logic into modular components and package Convex functionality for reuse across apps.
  • Use cases include creating a new component within an app, publishing a packaged component, or integrating a third-party workflow that owns its own Convex schema.

Quick Start

Plan and implement a new Convex component with isolated tables and a minimal public API, then wire it into the app.

Frequently Asked Questions about convex-create-component

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

FAQPage Schema
How do I build a reusable Convex component with isolated tables?

To build a reusable Convex component with isolated tables, you design a modular backend structure using defineComponent, establish a clean public API surface, and wire it into your app with app.use and app-facing wrappers.

How do I extract backend logic into a standalone Convex module?

Extracting backend logic into a standalone Convex module requires defining isolated tables, planning public API boundaries, and ensuring proper authentication and environment handling within the app before crossing IDs as strings across the boundary.

What is the best way to structure a third-party integration that owns its own Convex schema?

The best way to structure a third-party integration with its own Convex schema is to package it as a reusable component that enforces table isolation, defines a strict public API, and manages its own workflows independently from the main app.

How do I handle authentication and environment variables across Convex component boundaries?

Handling authentication and environment variables across Convex component boundaries involves planning environment handling in the app, creating app-facing wrappers, and passing IDs as strings across the boundary to maintain strict separation of concerns.

Can I run queries and mutations across Convex component boundaries?

Yes, you can run queries and mutations across Convex component boundaries by using ctx.runQuery and ctx.runMutation within your app-facing wrappers to interact with the ComponentApi while maintaining modular separation.

When should I separate concerns into isolated Convex modules instead of using a single backend?

You should separate concerns into isolated Convex modules when starting a new component within an app, extracting reusable backend logic, or building a third-party integration that requires its own tables, schemas, and workflows for improved modularity.