
Components Guide
This walks you through using Convex components to break up monolithic backends into self-contained pieces. You get the why (a 500-line files.ts becomes a reusable storage component), the how (install from npm, wire up in convex.config.ts, call via components API), and practical patterns like sibling components working together. The subscription example is solid: shows auth, payments, analytics, and email components all coordinating in one mutation. Also covers when to build your own component versus keeping things in your main app. If you're writing Convex backends and everything lives in a few giant files, this is the refactoring guide you need.
- skills.sh installs
- 196
- GitHub stars
- 107
- last updated
- Aug 21, 2026
Install
$ npx -y skills add get-convex/convex-agent-plugins --skill components-guide --agent claude-codeInstalls into .claude/skills of the current project.
Files
This walks you through using Convex components to break up monolithic backends into self-contained pieces. You get the why (a 500-line files.ts becomes a reusable storage component), the how (install from npm, wire up in convex.config.ts, call via components API), and practical patterns like sibling components working together. The subscription example is solid: shows auth, payments, analytics, and email components all coordinating in one mutation. Also covers when to build your own component versus keeping things in your main app. If you're writing Convex backends and everything lives in a few giant files, this is the refactoring guide you need.
Browse the repository on GitHubSponsors
Details
- Repository
- github.com/get-convex/convex-agent-plugins
- Categories
- Documentation, AI & Agent Building, Databases
- First seen
- Jun 3, 2026