convex-component-authoring

Package self-contained Convex components with isolated schemas, functions, and TypeScript exports.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/WannaCry081/React-Workflow-Starter --skill convex-component-authoring-wannacry081
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: convex-component-authoring
Source: https://github.com/WannaCry081/React-Workflow-Starter/tree/main/.agents/skills/Convex%20Component%20Authoring
Command: npx skills add https://github.com/WannaCry081/React-Workflow-Starter --skill convex-component-authoring-wannacry081

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Convex teams need a standardized way to build, isolate, and publish reusable components that can be consumed across multiple applications without leaking internal details.

Core Features & Use Cases

  • Self-contained scaffolds including schema, functions, and TS exports.
  • Isolation guarantees that prevent cross-component data leakage across apps.
  • Publishing-ready packaging with documentation, types, and sample usage for consumers.

Quick Start

Create a new convex component using the provided template and publish it to your repository.

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 proper isolation?▼

To publish reusable Convex components with isolation, you package self-contained schemas, functions, and hooks with consistent TypeScript exports. This prevents cross-component data leakage across multiple applications.

What is the best way to package self-contained Convex components for multiple apps?▼

Packaging self-contained Convex components involves bundling schemas, functions, and TS exports with isolation guarantees. This standardized approach ensures components are consumed across multiple apps without leaking internal details.

How does component isolation prevent cross-component data leakage in Convex?▼

Component isolation in Convex prevents cross-component data leakage by enforcing boundaries around schemas and functions. This ensures self-contained components maintain strict separation when consumed across different applications.

Can I export TypeScript types and documentation for my Convex component consumers?▼

Yes, you can export TypeScript types and documentation for Convex component consumers. The packaging workflow includes consumer-facing API exports, consistent TS typing, and sample usage to ensure proper integration.

What should be included when scaffolding a reusable Convex component?▼

Scaffolding a reusable Convex component should include self-contained schemas, functions, and TS exports. The structure must satisfy component configuration options and provide documentation with sample usage for consumers.

Why do my Convex components leak internal details when used across different applications?▼

Convex components leak internal details without proper isolation guarantees. Packaging components with standardized boundaries around schemas and functions prevents cross-component data leakage across multiple applications.