Convex components are small, self-contained packages you can build and share across projects. They include database tables, server functions, and TypeScript types. Everything stays isolated so one component does not interfere with another. This makes your code reusable and easy to maintain.
You can create components with their own schema, queries, mutations, and actions. Then you publish them as npm packages for others to use. This skill shows you how to structure, define, and export a Convex component step by step.
Global
mkdir -p ~/.claude/skills/convex-component-authoringProject
mkdir -p .claude/skills/convex-component-authoringSource Repository
Lark Openapi Explorerlarksuite/cli
Discover and call native Lark OpenAPIs not covered by existing CLI commands
Supabasesupabase/agent-skills
Add a database auth and APIs to your app with Supabase
Design An Interfacemattpocock/skills
Generate many different interface designs and pick the best one
Convex Quickstartget-convex/agent-skills
Rapidly set up a Convex backend for new or existing apps with one command
Convex Create Componentget-convex/agent-skills
Create reusable Convex components with isolated tables and clear APIs
Convexget-convex/agent-skills
Use this router to find the perfect Convex skill for your task
Firebase Remote Config Basicsfirebase/agent-skills
Change your app's behavior instantly without a new update
Notion Apiintellectronica/agent-skills
Automate your Notion workspace with simple API calls