Patrones de aplicaciones

Elige la forma de aplicación más pequeña que se ajuste al trabajo. Añade un proceso, base de datos, sincronización o API de IA solo cuando la aplicación necesite esa capacidad.

El usuario quiere	Usar	Notas
Página de inicio, informe, página estática	Aplicación UI	Un componente UI es suficiente.
Panel de control o herramienta interna con datos del servidor	UI + proceso	Mantén rutas API y credenciales en el componente de proceso.
Datos persistentes de la aplicación	UI + proceso + base de datos	Reutiliza una base de datos activa adecuada antes de crear una.
Datos sin conexión o sincronización instantánea entre dispositivos	Aplicación en tiempo real	Habilita la sincronización y verifica `sync: ready` antes de conectar la aplicación.
Trabajo programado o webhook	Aplicación de proceso	Usa disparadores en un componente de proceso.
Característica impulsada por IA dentro de una aplicación	Proceso + API de IA Kazzle	Usa `/ai/*` con una clave API `kzl_`.
Herramienta que el asistente debe llamar después	Skill + proceso	Añade una carpeta de skill (`SKILL.md` + `tools.ts`) y respalda cada herramienta `target.type: 'app'` con una ruta en un componente de proceso.

Valores predeterminados

Comienza desde una plantilla cuando sea apropiada.
Mantén el código frontend libre de secretos y URLs de base de datos.
Coloca el trabajo solo del servidor en un componente de proceso.
Usa URLs de componentes hermanos en lugar de direcciones localhost codificadas.
Verifica las vistas previas en la pestaña app-dev antes de decir que la aplicación se está ejecutando.