What is a Convex component?

A Convex component is a self-contained package that includes its own database tables, functions (queries, mutations, actions), and TypeScript types, designed to be reusable across different Convex projects.

Can I use a single component multiple times in one app?

Yes, Convex allows you to mount multiple instances of the same component by providing unique names for each instance in your app's configuration file.

Is it possible to provide custom React hooks for components?

Yes, this skill provides patterns for exporting type-safe hooks that wrap component functions, making it easier for frontend developers to consume component logic.

How are component functions accessed by the consuming app?

Component functions are accessed through the standard Convex API object, mapped to the instance name you provided when registering the component in your configuration.

How do Convex components maintain data isolation?

Components use their own schema definitions and internal table namespaces, ensuring that component data is logically separated from the main application's database tables.

Convex Component Authoring

Name: Convex Component Authoring
Author: mjmmattoni98

bymjmmattoni98

0•

データベース管理

Guides the development and publishing of reusable, self-contained Convex backend components with isolated database schemas.

This skill provides specialized guidance for building modular Convex components that can be shared across projects or published as npm packages. It establishes best practices for maintaining strict database isolation, structuring queries and mutations, and exporting type-safe interfaces. By using this skill, developers can create standardized, library-grade backend utilities—such as rate limiters, audit logs, or specialized data managers—that integrate seamlessly into any Convex application while maintaining full type safety and encapsulation.

主な機能

01Publishing workflows and package.json configuration for npm distribution

02Type-safe export patterns for consumption in parent applications

03Isolated schema and database table management for components

04Standardized structure for component-specific queries, mutations, and actions

05Implementation patterns for custom React hooks within components

060 GitHub stars

ユースケース

01Building a reusable rate-limiting component for multi-app distribution

02Creating shared data models and business logic for micro-service architectures

03Developing public backend libraries for the Convex developer ecosystem

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add mjmmattoni98/soundweave convex-component-authoring

For use in Claude.ai and ChatGPT

主な機能

01Publishing workflows and package.json configuration for npm distribution

02Type-safe export patterns for consumption in parent applications

03Isolated schema and database table management for components

04Standardized structure for component-specific queries, mutations, and actions

05Implementation patterns for custom React hooks within components

060 GitHub stars

ユースケース

01Building a reusable rate-limiting component for multi-app distribution

02Creating shared data models and business logic for micro-service architectures

03Developing public backend libraries for the Convex developer ecosystem

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add mjmmattoni98/soundweave convex-component-authoring

For use in Claude.ai and ChatGPT