Nimbus Vorlage: Notiz-App per Chat zur eigenen App machen

Nimbus Vorlage: Notiz-App per Chat zur eigenen App machen

Nimbus ist eine von fünf App-Vorlagen in Zugo: eine Notiz-App mit schnellem Erfassen, mitlaufender Suche und Anheften, verpackt in eine Landingpage und einen Login. Das Klonen in ein eigenes Projekt kostet nichts. Danach ändern Sie alles, indem Sie es im Chat beschreiben, und jede Änderung kostet 3 Credits.

Unten steht, was die Vorlage enthält, wo die arbeitenden Teile aufhören und die dekorativen anfangen, und welcher Weg am kürzesten von der Demo zu etwas Eigenem führt.

Was steckt wirklich in der Nimbus-Vorlage?

Nimbus besteht aus drei zusammenhängenden Oberflächen und nicht aus einer Seite. Das vor der ersten Änderung zu wissen erspart Wünsche, die auf den falschen Bildschirm gehen.

Die vier Funktionsblöcke auf der Landingpage sind als Verhalten formuliert und nicht als Funktionsliste: erfassen, bevor der Gedanke weg ist, Suche, die beim Tippen enger wird, angeheftete Notizen, die oben bleiben, und gerade so viel Struktur, dass die Seite lesbar bleibt. Diese Erzählweise lohnt sich zu behalten, auch wenn Sie das Thema tauschen, weil ein Leser eine beschriebene Gewohnheit schneller erkennt als eine Aufzählung von Fähigkeiten.

Die Leerzustände verdienen eine Erwähnung. Ein frisches Projekt startet ohne Notizen, und die Oberfläche wirkt trotzdem absichtsvoll statt kaputt. Genau dieser Zustand wird beim Selbstbauen regelmäßig vergessen und später mit einer zusätzlichen Änderung nachgerüstet.

Welche Teile arbeiten, und welche sind nur Bildschirme?

Die Notizen selbst sind echt. Eine angelegte Notiz überlebt das Neuladen der Seite, die Suche läuft über Titel und Text, Anheften schiebt einen Eintrag nach oben, und die Wortzahl zählt beim Tippen mit. Nichts davon ist ein Bild einer App.

Der Login ist eine andere Geschichte. Er zeigt, wie ein Kontozugang aussieht, prüft aber kein Passwort und trennt nicht die Notizen der einen Person von denen der anderen. Alles liegt in dem Browser, in dem Sie getippt haben, ein zweites Gerät öffnet also eine leere Ablage.

Diese Grenze zählt am ersten Tag, nicht später. Ein privates Notizbuch auf dem eigenen Rechner funktioniert sofort. Gemeinsame Notizen für ein Team brauchen eine echte Datenbank und echte Konten, die über die Supabase-Anbindung dazukommen und nicht über eine geschickte Formulierung im Prompt. Wie dieser Schritt abläuft, steht in Kann KI eine Datenbank-App bauen.

Prüfen lässt sich das in zwei Minuten: zwei Notizen anlegen, das veröffentlichte Projekt in einem anderen Browser öffnen und feststellen, dass die Ablage dort leer ist. Diese kleine Probe verhindert ein teures Missverständnis.

Für wen ist Nimbus ein guter Startpunkt?

Für jedes Thema, das aus einem Text, einem Datum und einer Markierung für Wichtigkeit besteht. Private Notizen, Lesetagebuch, Textbausteinsammlung, Telefonnotizen, Ideenliste, Sitzungsnotizen einer Beratung: All das fällt ohne Umbau in die vorhandene Struktur.

Schlecht passt sie, wenn Ihre Daten aus mehreren verknüpften Objekten bestehen. Aufgaben, die zu Projekten mit Verantwortlichen gehören, Deals, die zu Firmen gehören, Bestände, die zu Lieferanten gehören: Dafür braucht es ein anderes Bildschirmlayout, und eine nähere Vorlage spart Geld. Orbit deckt eine Verkaufspipeline ab, und eine Aufgabenverwaltung liegt näher bei Aufgaben-App mit KI erstellen.

Es gibt einen dritten Fall, der unterschätzt wird: Ihnen gefällt die Hülle und Sie wollen einen völlig anderen Inhalt hinein. Das Muster aus Liste, Suche und Detailansicht überlebt einen Themenwechsel mühelos, also fügen sich Rezepte, Trainingspläne oder Kundenakten problemlos ein.

Die Prüffrage lautet: Passt einer Ihrer Datensätze auf eine Karte mit Titel, Text und Datum? Wenn ja, ist Nimbus nah dran. Wenn ein Datensatz Anhänge, Unterpunkte und Verweise auf andere Datensätze braucht, arbeitet die Hülle gegen Sie.

Wie wird aus Nimbus Ihre eigene App?

Die Reihenfolge zählt, weil Bedeutung billiger zu ändern ist als Aussehen. Erst festlegen, was die App ist, dann wie sie aussieht, dann zahlen Sie denselben Bildschirm nicht zweimal.

1. Namen und Versprechen ändern. Eine Änderung ersetzt den Namen überall und schreibt die Hero-Zeile neu.
2. Gegenstand tauschen: „Ersetze Notizen durch Rezepte, jede Karte bekommt Zubereitungszeit und Portionen."
3. Bildschirme anpassen: Filter nach Schlagwort, Sortierung nach Datum, ein zusätzlicher Zähler in der Seitenleiste, oder weg mit dem, was Sie nie benutzen.
4. Erst danach gestalten: Farben, Schrift, Abstände. Zuletzt gestaltet heißt, Sie gestalten das Layout, das bleibt.
5. Veröffentlichen und am Telefon öffnen. Das Projekt bekommt eine Adresse wie ihrname.zugo.run, eine eigene Domain kommt in den bezahlten Tarifen darauf.

Formulieren Sie jede Bitte als einen konkreten Satz. „Mach es schöner" kostet dieselben 3 Credits wie „erhöhe den Zeilenabstand in der Notizliste und entferne die Rahmen der Karten", aber nur beim zweiten Satz lässt sich sagen, ob er erledigt ist.

Welche Änderungen werden zuerst gewünscht?

Die Wünsche wiederholen sich so verlässlich, dass eine Liste sich lohnt. Schlagworte mit Filter in der Seitenleiste. Sortierung nach letzter Bearbeitung, mit sichtbarem Datum. Löschen mit Rückfrage. Suche über Titel und Text zugleich. Export einer einzelnen Notiz als Textdatei.

Die Sprache der Oberfläche ist der andere Klassiker, und sie gehört in einen einzigen Durchgang: „Übersetze die gesamte Oberfläche ins Deutsche, einschließlich Leerzuständen, Schaltflächenbeschriftungen und Titel im Browsertab." Legen Sie im selben Satz die Ansprache fest, also Sie oder du, sonst mischt sich beides und die App klingt wie von zwei Personen geschrieben. Vergessene Leerzustände sind der Grund, warum sonst mitten in einer deutschen App ein englisches „Nothing selected" steht.

Das Verhalten auf dem Telefon gehört ans Ende der Arbeit, nicht an den Anfang. Ein zweispaltiges Layout muss auf schmalen Bildschirmen etwas anderes werden, also sagen Sie, was Sie wollen: zuerst die Liste, und die Notiz öffnet sich auf voller Breite. Prüfen Sie das Ergebnis auf einem echten Telefon und nicht in einem schmalen Browserfenster, denn beides verhält sich unterschiedlich. Wie man überprüfbare Bitten formuliert, steht in Wie ändere ich das Ergebnis nach der Generierung.

Was kostet ein umgebautes Nimbus?

Das Klonen ist kostenlos, der Zähler beginnt also erst beim Ändern. Ein realistischer erster Durchgang besteht aus einer Änderung für Namen und Texte, einer für den Themenwechsel und zwei oder drei für die Bildschirme.

Die Tarife sind übersichtlich: Free gibt 5 Credits, Pro kostet 25 $ im Monat mit 200 Credits, Business 99 $ im Monat mit 800 Credits. Zweihundert Credits entsprechen ungefähr 16 Plattformen, 33 Builds oder 66 Änderungen im Monat, ein Vorlagenumbau passt also bequem in einen einzigen Pro-Monat.

Ein Punkt wird dabei selten ausgesprochen. Die 5 Credits im Free-Tarif reichen nicht für einen Build aus dem Nichts, denn der kostet 6. Für eine Vorlage reichen sie, weil das Klonen nichts kostet und eine Änderung hineinpasst. Wer das Produkt ohne Zahlung ausprobieren will, kommt also nur über die Galerie wirklich weit.

Wo liegen die Daten, und was heißt das für Kundendaten?

Alles liegt in dem Browser, in dem geschrieben wurde. Für private Notizen ist das eher angenehm: Es gibt keinen Server, auf dem etwas liegen bleibt, und keine Anmeldung, die verwaltet werden muss.

Sobald jedoch fremde Daten hineingeraten, also Namen von Klienten, Gesprächsinhalte, Gesundheitsangaben, gelten dieselben Pflichten wie überall: Zweckbindung, Löschfristen, Auskunftsfähigkeit. Ein Browserspeicher ist außerdem keine Sicherung. Ein geleerter Browser oder ein neues Gerät bedeutet, dass die Notizen weg sind.

Für alles, was ernsthaft geführt wird, führt der Weg über Supabase mit echter Anmeldung, danach über einen bewussten Umgang mit Sicherungen. Das sind mehrere Änderungen, keine einzige.

Wo sind die ehrlichen Grenzen?

Es ist eine App für eine Person. Nimbus geht von einer schreibenden Person und einem Browser aus. Rollen, Rechte und geteilte Ablagen sind ein eigenes Stück Arbeit auf einer echten Datenbank und keine Formulierungsfrage im Prompt.

Spezifische Logik entsteht über mehrere Änderungen. Verschlüsselung, Abgleich zwischen Geräten und gemeinsames Bearbeiten werden Schritt für Schritt beschrieben und einzeln geprüft. Planen Sie das ein, statt zu hoffen, dass ein langer Wunsch alle drei auf einmal trifft.

Und bei einem komplexen Produkt ersetzt Zugo kein Entwicklungsteam. Ein persönliches Werkzeug oder ein internes Hilfsmittel ist hier vollständig abgedeckt. Etwas, das Sie über Jahre verkaufen und ausbauen wollen, wächst irgendwann aus einem Chatfenster heraus, und genau deshalb lässt sich der Quelltext jederzeit nach GitHub exportieren: Das Projekt gehört Ihnen.

Womit fangen Sie an?

Der erste Schritt ist klein. Öffnen Sie die Galerie auf zugo.dev, klonen Sie Nimbus und geben Sie die erste Änderung dafür aus, Notizen durch das zu ersetzen, was Sie täglich wirklich festhalten. Nach wenigen Minuten wissen Sie, ob diese Hülle Ihre ist oder ob eine benachbarte Vorlage besser passt.