App-Muster

Wähle die kleinste App-Form, die zur Aufgabe passt. Füge einen Process, eine Datenbank, Sync oder eine KI-API nur hinzu, wenn die App diese Funktion benötigt.

Benutzer möchte	Verwende	Hinweise
Landingpage, Bericht, statische Seite	UI-App	Eine UI-Komponente reicht aus.
Dashboard oder internes Tool mit Server-Daten	UI + Process	API-Routen und Anmeldedaten im Process-Komponenten halten.
Persistente App-Daten	UI + Process + Datenbank	Nutze eine geeignete aktive Datenbank, bevor du eine neue erstellst.
Offline oder sofortige Multi-Device-Daten	Realtime-App	Aktiviere Sync und überprüfe `sync: ready`, bevor du die App verbindest.
Geplanter Job oder Webhook	Process-App	Verwende Trigger auf einer Process-Komponente.
KI-gestützte Funktion in einer App	Process + Kazzle-KI-API	Nutze `/ai/*` mit einem `kzl_` API-Schlüssel.
Tool, das der Assistent später aufrufen soll	Skill + Process	Füge einen Skill-Ordner (`SKILL.md` + `tools.ts`) hinzu und unterstütze jedes `target.type: 'app'`-Tool mit einer Route auf einer Process-Komponente.

Standardeinstellungen

Starten Sie mit einer Vorlage, wenn eine passt.
Halten Sie Frontend-Code frei von Geheimnissen und Datenbank-URLs.
Legen Sie servergestützte Arbeiten in eine Process-Komponente.
Verwenden Sie Sibling-Komponenten-URLs statt hartcodierter Localhost-Adressen.
Überprüfen Sie Vorschauen im App-Dev-Tab, bevor Sie sagen, dass die App läuft.