Components Guide
Learn to use Convex components for feature encapsulation — installing npm components, creating sibling component architectures, and building your own reusable mini-backends.
Install
npx skills add https://github.com/get-convex/convex-agent-plugins --skill components-guideWhat is this skill?
- Components as self-contained mini-backends with isolated tables
- Sibling component pattern for feature encapsulation
- Official component directory with auth, storage, payments, AI
- Guide to creating custom components with defineComponent
- Migration guide from monolithic to component architecture
Adoption & trust: 175 installs on skills.sh.
Who is it for?
Developers building scalable Convex backends who want to separate concerns into reusable components
Skip if: Simple single-concern Convex apps or non-TypeScript backends
What do I get? / Deliverables
- convex.config.ts with components
- component directory structure
- encapsulated backend feature
Recommended Skills
Entra App Registrationmicrosoft/azure-skills
Azure Aigatewaymicrosoft/azure-skills
Lark Openapi Explorerlarksuite/cli
Supabasesupabase/agent-skills
Firebase Auth Basicsfirebase/agent-skills
Firebase Data Connectfirebase/agent-skills
Journey fit
Primary fit
Architecting and implementing Convex components is a build-phase activity: you are structuring the backend into reusable, encapsulated mini-backends before shipping. Convex components are a backend architecture pattern — they define isolated data schemas, queries, mutations, and actions as npm-package-style backend modules.