AI SummaryA skill booster that teaches developers how to create, structure, and publish reusable Convex components with proper isolation and dependency management. Useful for backend engineers and full-stack developers building modular applications with Convex.
Install
# Add to your project root as SKILL.md curl -o SKILL.md "https://raw.githubusercontent.com/waynesutton/convexskills/main/skills/convex-component-authoring/SKILL.md"
Description
How to create, structure, and publish self-contained Convex components with proper isolation, exports, and dependency management
Convex Component Authoring
Create self-contained, reusable Convex components with proper isolation, exports, and dependency management for sharing across projects.
Documentation Sources
Before implementing, do not assume; fetch the latest documentation: • Primary: https://docs.convex.dev/components • Component Authoring: https://docs.convex.dev/components/authoring • For broader context: https://docs.convex.dev/llms.txt
What Are Convex Components?
Convex components are self-contained packages that include: • Database tables (isolated from the main app) • Functions (queries, mutations, actions) • TypeScript types and validators • Optional frontend hooks
Component Structure
` my-convex-component/ ├── package.json ├── tsconfig.json ├── README.md ├── src/ │ ├── index.ts # Main exports │ ├── component.ts # Component definition │ ├── schema.ts # Component schema │ └── functions/ │ ├── queries.ts │ ├── mutations.ts │ └── actions.ts └── convex.config.ts # Component configuration `
Quality Score
Good
84/100
Trust & Transparency
Open Source — Apache-2.0
Source code publicly auditable
Verified Open Source
Hosted on GitHub — publicly auditable
Actively Maintained
Last commit 1mo ago
344 stars — Growing Community
29 forks