What is a Convex component?

A Convex component is a self-contained package including database tables, functions (queries, mutations, actions), and TypeScript types that can be reused across different Convex projects.

How do Convex components ensure data isolation?

Components define their own internal schemas and tables, which are isolated from the main application's database, preventing naming collisions and ensuring the component remains portable.

How do I share my Convex component with others?

The skill provides a standardized structure for package.json and tsconfig.json, enabling you to build and publish your component as a standard npm package.

Can I use multiple instances of the same component in one app?

Yes, Convex allows you to instantiate multiple versions of a component within a single application by providing unique names in the app configuration.

Convex Component Authoring

Name: Convex Component Authoring
Author: EricJamesCrow

byEricJamesCrow

0•

API Development

Architects and publishes reusable, isolated Convex components with integrated database schemas and server functions.

This skill provides a comprehensive framework for creating self-contained Convex modules that encapsulate database tables, server-side logic, and type definitions. It guides developers through the entire component lifecycle—from initial configuration and schema definition to creating type-safe hooks and publishing via npm. By enforcing proper isolation and dependency management, it enables developers to build a library of shared utilities that can be seamlessly integrated into multiple Convex applications without data conflicts or boilerplate duplication.

Key Features

010 GitHub stars

02Isolated database table and schema definition

03Encapsulated queries, mutations, and actions

04Multi-instance component configuration support

05Reusable frontend hook generation

06Type-safe TypeScript export management

Use Cases

01Creating a standardized authentication or logging module

02Building a reusable rate-limiter for multiple Convex applications

03Developing shared utility components for open-source Convex libraries

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add ericjamescrow/smartpockets convex-component-authoring

For use in Claude.ai and ChatGPT

Key Features

010 GitHub stars

02Isolated database table and schema definition

03Encapsulated queries, mutations, and actions

04Multi-instance component configuration support

05Reusable frontend hook generation

06Type-safe TypeScript export management

Use Cases

01Creating a standardized authentication or logging module

02Building a reusable rate-limiter for multiple Convex applications

03Developing shared utility components for open-source Convex libraries

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add ericjamescrow/smartpockets convex-component-authoring

For use in Claude.ai and ChatGPT