> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kazzle.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Patrones de aplicaciones

> Qué forma de aplicación Kazzle usar para trabajos comunes.

# 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.