# Convex Create Component

> Builds reusable Convex components with isolated tables and app-facing APIs. Use for new components, reusable backend modules, integrations, or component boundary work.

Source: https://skillsagentes.com/skills/get-convex/agent-skills/convex-create-component
Repository: https://github.com/get-convex/agent-skills
Author: get-convex
License: not specified
Updated: hace 2 meses
Context cost: 42 tok installed, 2.6k tok once triggered, 4.8k tok with every bundled file
Bundle: 7 files, 19 KB
Permissions requested: none declared

## Install

```bash
npx -y skills add get-convex/agent-skills --skill convex-create-component --agent claude-code
```

## What it does

- Guía la creación de componentes Convex reutilizables con tablas y API propias
- Elige la forma del componente (local, empaquetado o híbrido) según el objetivo del usuario
- Genera la estructura del componente con convex.config.ts, schema.ts y funciones
- Conecta el componente a la app mediante app.use(...) y wrappers en el lado de la app
- Ejecuta npx convex dev y corrige problemas de codegen o de tipos

## Use it when

- Se crea un nuevo componente Convex dentro de una app existente
- Se extrae lógica de backend reutilizable hacia un componente
- Se construye una integración de terceros que debe tener sus propias tablas y workflows
- Se empaqueta funcionalidad Convex para reutilizarla entre varias apps

## Don't bother when

- Lógica de negocio puntual que pertenece a la app principal
- Utilidades sencillas que no necesitan tablas ni funciones de Convex
- Casos donde basta una librería de TypeScript normal

## What triggers it

- "Quiero crear un componente Convex de notificaciones para mi app"
- "Necesito extraer esta lógica de backend en un componente reutilizable"
- "Ayúdame a empaquetar esta integración como componente Convex publicable"
- "¿Debería usar un componente local o híbrido para esto?"

## Before you install

- Requiere Convex configurado (CONVEX_DEPLOYMENT) y ejecutar npx convex dev/codegen para que los archivos _generated funcionen.
- Environment: OPENAI_API_KEY

## Files

- SKILL.md — 10 KB
- agents/openai.yaml — 504 B
- assets/icon.svg — 485 B
- references/advanced-patterns.md — 4 KB
- references/hybrid-components.md — 1019 B
- references/local-components.md — 1 KB
- references/packaged-components.md — 2 KB

## SKILL.md

Not reproduced here. Read it at https://github.com/get-convex/agent-skills/blob/main/skills/convex-create-component/SKILL.md

---

Skills Agentes — https://skillsagentes.com/skills/get-convex/agent-skills/convex-create-component