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.

Install to Claude Code

npx -y skills add get-convex/convex-agent-plugins --skill components-guide --agent claude-code