convex-component-authoring

Define and publish self-contained Convex components with isolated schema and exports.

Updated Feb 8, 2026
One-click install
npx skills add https://github.com/Pratikkadam254/LinkedinLeadGen --skill convex-component-authoring-pratikkadam254
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: convex-component-authoring
Source: https://github.com/Pratikkadam254/LinkedinLeadGen/tree/main/.claude/skills/convex-component-authoring
Command: npx skills add https://github.com/Pratikkadam254/LinkedinLeadGen --skill convex-component-authoring-pratikkadam254

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Creates, structures, and publishes self-contained Convex components that are isolated from host applications, ensuring clean exports and stable dependencies.

Core Features & Use Cases

  • Isolated component schema and data tables that can be shared across projects
  • Public exports and type-safe consumer hooks for seamless integration
  • Clear packaging and documentation guidance for publishing to npm or internal registries

Quick Start

Create a new component directory with a convex.config.ts, implement the schema and functions, and export the component for consumption.

Frequently Asked Questions about convex-component-authoring

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I publish reusable Convex components with isolation?

To publish reusable Convex components, create a directory with a convex.config.ts file, implement your schema and functions, and export the component for consumption. This ensures clean isolation and stable dependencies across projects.

What is component isolation in Convex architecture?

Component isolation in Convex architecture separates component schemas and data tables from host applications. This mechanism ensures clean exports, predictable behavior, and allows multiple instances to operate independently when shared across projects.

How do I define type-safe consumer APIs for Convex components?

Define type-safe consumer APIs by implementing public exports and consumer hooks within your Convex component. This provides seamless integration and predictable TypeScript interfaces for applications consuming the component.

What is the best way to package a Convex component for npm?

The best way to package a Convex component for npm is to structure it as a self-contained directory with a convex.config.ts file, apply clear configuration schemas, and follow documentation guidance for publishing to registries.

Can I run multiple instances of a Convex component in the same project?

Yes, you can run multiple instances of a Convex component in the same project. Designing self-contained components with isolated schemas and configuration ensures each instance operates independently without dependency conflicts.

Why do my shared Convex components conflict with the host application schema?

Shared Convex components conflict with host schemas when they lack proper isolation. Defining self-contained components with separate data tables and clean exports prevents these schema conflicts and stabilizes dependencies.