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
Copy this and paste it into Claude Code, Cursor, or any AI assistant:
I want to install the "convex-component-authoring" skill in my project. Please run this command in my terminal: # Install skill into the correct directory (4 files) mkdir -p .claude/skills/convex-component-authoring && curl --retry 3 --retry-delay 2 --retry-all-errors -o .claude/skills/convex-component-authoring/SKILL.md "https://raw.githubusercontent.com/waynesutton/convexskills/main/skills/convex-component-authoring/SKILL.md" && mkdir -p .claude/skills/convex-component-authoring/agents && curl --retry 3 --retry-delay 2 --retry-all-errors -o .claude/skills/convex-component-authoring/agents/openai.yaml "https://raw.githubusercontent.com/waynesutton/convexskills/main/skills/convex-component-authoring/agents/openai.yaml" && mkdir -p .claude/skills/convex-component-authoring/assets && curl --retry 3 --retry-delay 2 --retry-all-errors -o .claude/skills/convex-component-authoring/assets/large-logo.png "https://raw.githubusercontent.com/waynesutton/convexskills/main/skills/convex-component-authoring/assets/large-logo.png" && mkdir -p .claude/skills/convex-component-authoring/assets && curl --retry 3 --retry-delay 2 --retry-all-errors -o .claude/skills/convex-component-authoring/assets/small-logo.svg "https://raw.githubusercontent.com/waynesutton/convexskills/main/skills/convex-component-authoring/assets/small-logo.svg" Then restart Claude Code (or reload the window in Cursor) so the skill is picked up.
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 `
Discussion
Health Signals
My Fox Den
Community Rating
Sign in to rate this booster