waynesutton/Codex-Sites-Convex-Backend-Skill

Construye y despliega un sitio de Codex utilizando Convex como base de datos en tiempo real y backend, con una sola habilidad reutilizable de Codex.

¿Qué es Codex-Sites-Convex-Backend-Skill?

Esta habilidad de Codex permite a los desarrolladores construir y desplegar sitios web completos usando Codex Sites, con Convex como base de datos en tiempo real y backend. Es ideal para quienes buscan combinar la simplicidad de un sitio estático con la potencia de una base de datos reactiva y un backend serverless, todo desde una sola habilidad reutilizable. El flujo de trabajo incluye la configuración inicial del proyecto, la definición de esquemas de datos en Convex, la implementación de funciones backend (queries, mutations, acciones) y el despliegue tanto del frontend como del backend. Soporta las plataformas Codex (de Anthropic) y facilita la integración continua al permitir que el asistente de IA genere, pruebe y despliegue el proyecto de forma iterativa. Su principal ventaja es reducir la fricción entre el desarrollo frontend y backend, ofreciendo un pipeline completo desde el prompt hasta la producción.

Compatible con~Claude Code✓Codex CLI~Cursor
npx skills add waynesutton/Codex-Sites-Convex-Backend-Skill

Installed? Explore more Investigación y análisis de datos skills: affaan-m/uspto-database, affaan-m/scholar-evaluation, affaan-m/literature-review · View all 6 →

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace Codex-Sites-Convex-Backend-Skill?

Construye y despliega un sitio de Codex utilizando Convex como base de datos en tiempo real y backend, con una sola habilidad reutilizable de Codex.

¿Qué hace?

Esta habilidad permite a un agente de IA (Codex) crear y desplegar un sitio web completo donde:

  • Codex Sites proporciona el frontend y el alojamiento estático.
  • Convex actúa como backend serverless con base de datos en tiempo real, autenticación, y funciones backend (queries, mutations, acciones).

Requisitos previos

  • Una cuenta en Codex (o el servicio de Anthropic).
  • Una cuenta en Convex.
  • Node.js 18+ y npm.
  • Convex CLI instalado globalmente (npm install -g convex).

Cómo usarla

  1. Codex iniciará un nuevo proyecto de Codex Site.
  2. Configurará Convex como backend, ejecutando npx convex dev.
  3. Definirá esquemas de datos (tablas, índices) en convex/schema.ts.
  4. Implementará funciones backend (queries, mutations, acciones) en convex/.
  5. Conectará el frontend con el backend usando el hook useQuery o useMutation.
  6. Desplegará el sitio completo con npx convex deploy.

Estructura del proyecto

mi-proyecto/
├── convex/          # Backend de Convex
│   ├── schema.ts    # Esquema de la base de datos
│   ├── tasks.ts     # Queries y mutations
│   └── auth.ts      # Configuración de autenticación
├── src/             # Frontend de Codex Site
│   ├── App.tsx      # Componente principal
│   └── index.tsx    # Punto de entrada
├── package.json
└── convex.json      # Configuración de Convex

Funcionalidades clave

  • Autenticación: Soporta inicio de sesión con proveedores populares (Google, GitHub, etc.) mediante Convex Auth.
  • Tiempo real: Las queries se actualizan automáticamente cuando cambian los datos.
  • Despliegue automatizado: Un solo comando despliega tanto frontend como backend.
  • Iteración rápida: Codex puede modificar esquemas y funciones sobre la marcha.

Limitaciones

  • Requiere conexión a internet para el backend de Convex.
  • El plan gratuito de Convex tiene límites de uso (lecturas, escrituras, almacenamiento).

Soporte

Para preguntas o problemas, consulta la documentación oficial de Codex Sites y Convex.

Skills relacionados