Coinpath-Vorlage: Budget-App per Chat umbauen

Coinpath-Vorlage: Budget-App per Chat umbauen

Coinpath ist eine der 25 fertigen Zugo-Vorlagen: eine App fürs Haushaltsbuch mit drei echten Bildschirmen, einer Marketingseite, einer Anmeldung und einem Dashboard mit Buchungen, Kategorien und Monatsverlauf. Das Klonen in Ihr Projekt kostet keine Credits, danach formen Sie es mit einfachen Sätzen im Chat um.

Unten steht, was tatsächlich in der Vorlage liegt, welche Änderungen sie unbeschadet übersteht, was Sie selbst anbinden müssen und ab wann sie ehrlicherweise der falsche Startpunkt ist.

Was steckt in der Coinpath-Vorlage?

Coinpath gehört zur Kategorie Apps und nicht zu den Startseiten, trägt also Zustand statt nur Text. Die Vorlage enthält drei Bildschirme, zwischen denen das Projekt selbständig wechselt, und diese Dreiteilung ist bei allen Nicht-Spiel-Vorlagen gleich.

Die Buchungsliste hat einen dreifachen Filter: alle, Eingang, Ausgang. Die Beispielkategorien sind Alltagskategorien wie Wohnen, Lebensmittel, Essen gehen, Verkehr, Nebenkosten, Gesundheit, Freizeit, Gehalt und Sonstiges. Es gibt außerdem einen ausgearbeiteten Leerzustand, was wichtiger ist, als es klingt: Der Leerzustand ist das Erste, was ein neuer Nutzer sieht.

Ein Detail sollte man kennen: Die Beschriftungen in der Seitenleiste für Verläufe und Sparziele sind in der Vorführung Dekoration. Das Dashboard ist ein Bildschirm und nicht fünf. Sollen daraus echte Seiten werden, sagen Sie das in einer Änderung, dann werden sie gebaut.

Für wen passt Coinpath wirklich?

Der offensichtliche Fall ist das private Haushaltsbuch: Monatsbudget, Ausgabenkontrolle, Sparen auf ein Ziel, ein Abo-Kassensturz. Für alle vier passt der Aufbau aus Saldo oben, Bewegungen darunter und Kategorien daneben ohne Umbau.

Der zweite Fall ist ein kleines internes Werkzeug: Projektkosten, ein Abteilungsbudget, die Abrechnung von Auslagen, ein Kassenbuch für einen Verein. Die Bildschirme bleiben identisch, es ändern sich nur die Bezeichnungen und wem die Daten gehören, und das ist eine Änderung und kein Neubau.

Der dritte Fall ist weniger naheliegend. Coinpath trägt jede App, die eine laufende Zahl und eine Liste von Ereignissen hat, die auf diese Zahl einzahlen: Kalorien, Kilometer, abrechenbare Stunden. Die Mechanik ist dieselbe, nur die Einheit ist anders.

Nicht geeignet ist die Vorlage für doppelte Buchführung, steuerliche Pflichten und Rechteverwaltung für mehrere Personen. Das ist eine andere Produktklasse, und die Vorlage so weit zu dehnen kostet mehr, als eine eigene zu beschreiben.

Worin unterscheidet sich eine Vorlage von einem leeren Prompt?

Nicht in der Qualität des Ergebnisses, sondern im Startpunkt. Ein leerer Prompt liefert ein Projekt, das aus Ihrer Beschreibung hergeleitet wurde. Eine Vorlage liefert ein Projekt, dessen Entscheidungen bereits getroffen sind, und Sie sehen alles davon, bevor Sie einen einzigen Credit ausgeben.

Daraus folgen zwei praktische Dinge. Erstens verschwindet das Risiko beim Aufbau. In Coinpath ist bereits entschieden, dass der Monatssaldo über der Liste steht und die Kategorieaufteilung darunter kommt, und Sie können diese Entscheidung anfassen, statt sie sich vorzustellen.

Zweitens die Kosten eines misslungenen ersten Versuchs. Ein Build von Grund auf kostet 6 Credits, und wenn Fassung eins danebenliegt, kostet Fassung zwei wieder 6. Der Klon kostet nichts, eine falsche Wahl ist also gratis: passt nicht, nächste Vorlage.

Es gibt einen Handel in die Gegenrichtung. Liegt Ihr Fall weit von Einnahmen und Ausgaben entfernt, ist Anpassen teurer als Beschreiben, weil Sie zusätzlich dafür bezahlen, fremde Entscheidungen wieder herauszunehmen. Einfache Regel: Wenn Sie nach der dritten Änderung immer noch die ursprüngliche Idee herausreißen, fangen Sie neu an.

Wie passe ich Coinpath auf meinen Fall an?

Es gilt der übliche Rhythmus im Chat: ein Satz, ein klares Ziel. Kleine Schritte landen schneller und billiger als ein einziger riesiger Prompt, und Sie sehen, wohin jeder Credit gegangen ist.

1. Zuerst das Fachgebiet umstellen: "Nenne es Kilometro, zähle Kilometer statt Geld, ersetze die Kategorien durch Laufen, Radfahren und Gehen." Eine Änderung fasst Marketingseite und Dashboard gemeinsam an.
2. Kategorien und Währung festlegen: "Behalte vier Kategorien, Miete, Lebensmittel, Verkehr und Sonstiges, und zeige Beträge in Euro." Die Kategorien sind das Erste, was vom echten Leben abweicht.
3. Streichen, was Sie nicht brauchen: "Entferne den Monatsvergleich und zeige stattdessen meine fünf größten Ausgaben." Nichts in der Vorlage wehrt sich gegen das Entfernen.
4. Am Leerzustand arbeiten: "Wenn es keine Buchungen gibt, zeige einen Hinweis mit einem Beispiel für den ersten Eintrag." Billige Änderung, große Wirkung auf den ersten Eindruck.
5. Auf die eigene Adresse unter .zugo.run veröffentlichen und auf dem Telefon öffnen. Geldbildschirme werden deutlich häufiger am Telefon geprüft als am Rechner.

Schauen Sie nach jeder Änderung hin statt gesammelt am Ende. Vor der Übergabe wird jeder Build in einer Sandbox geöffnet, eine kaputte Fassung wird also gemeldet statt ausgeliefert. Wie eine Änderung formuliert sein muss, damit sie sitzt, steht in Nach der Generierung ändern.

Was kostet der Umbau in Credits?

Das Klonen verbraucht nichts: Die fertige Seite wird in Ihr Projekt kopiert, ohne das Modell zu bemühen. Abgerechnet wird ab der ersten Änderung, und zwar in US-Dollar.

Free enthält 5 Credits, das deckt den Klon und eine Änderung. Pro kostet 25 $ im Monat mit 200 Credits, also etwa 66 Änderungen oder 33 Builds. Business kostet 99 $ im Monat mit 800 Credits. Zur Planung: Bis sich eine Vorlage wie das eigene Produkt anfühlt, braucht es meist fünf bis fünfzehn Änderungen zu je 3 Credits.

Was muss angebunden werden, bevor das Haushaltsbuch echt ist?

Die Vorlage ist eine Oberfläche mit Beispieldaten. Einträge überstehen ein Neuladen der Seite im Browser, sie hängen aber noch an keinem Konto, und genau das ist der Unterschied zwischen Vorführung und Produkt.

Supabase deckt beide Hälften ab: Tabellen für Buchungen, Anmeldung per E-Mail und Dateispeicher, falls später Belege angehängt werden sollen. Verlangen Sie es als eigene Änderung: "Binde Supabase an, speichere Buchungen in einer Tabelle und zeige nur die Zeilen des angemeldeten Nutzers." Der letzte Halbsatz ist der wichtige Teil.

Danach nach Bedarf: Stripe, wenn die App Geld kostet, Resend für die monatliche Zusammenfassung per E-Mail, Google Analytics, wenn Sie wissen wollen, auf welchem Bildschirm neue Nutzer stehen bleiben. Der GitHub-Export gibt Ihnen ein echtes Repository, der Code sitzt also nicht fest.

Die Reihenfolge zählt. Erst Datenbank und Anmeldung, alles andere danach. Umgekehrt misst die Auswertung Verhalten auf Daten, die gleich wieder verschwinden. Ausführlicher steht das in Kann KI eine App mit Datenbank bauen, und die Anbindung selbst in App-Builder mit Supabase.

Was kann Coinpath nicht?

Drei ehrliche Grenzen, die man besser vorher kennt als hinterher.

Es gibt keine Bankanbindung. Buchungen werden von Hand eingetragen. Kontoauszüge automatisch einzulesen ist eine Anbindung an einen fremden Anbieter und wird gesondert gebaut, in Deutschland zusätzlich unter den Regeln, die für den Zugriff auf Kontodaten gelten.

Die Zahlen in der Vorführung sind Dekoration. Name, Monat und Beträge existieren, um den Bildschirm zu zeigen. Bis eine Datenbank angebunden ist, sieht die App aus, als funktioniere sie, merkt sich aber nur, was ein einzelner Browser sich merkt.

Ernsthafte Finanzlogik entsteht über Änderungen und nicht über einen einzigen großen Prompt. Wiederkehrende Zahlungen, ein Übertrag zwischen den Monaten, Kategorielimits mit Warnung: jedes davon ist ein eigenes Gespräch. Bei einem umfangreichen Produkt ersetzt der Builder kein Entwicklungsteam, und der Umgang mit fremdem Geld wird schnell zu einem umfangreichen Produkt.

Nichts davon ist ein Grund, die Vorlage zu meiden. Es ist ein Grund zu wissen, wo sie endet: Als persönliches Werkzeug und als internes Erfassungswerkzeug deckt sie die ganze Aufgabe ab.

Womit fange ich an?

Öffnen Sie die Vorlagengalerie, suchen Sie Coinpath unter den Apps und starten Sie die Vorschau. Weil der Klon nichts kostet, können Sie sich durch alle Bildschirme klicken, bevor Sie die erste Änderung schreiben. Machen Sie diese erste Änderung am Fachgebiet und nicht an den Farben, sonst bezahlen Sie beides zweimal.

Danach in kurzen Schritten: eine Änderung, ein Blick, eine Entscheidung über den nächsten Schritt. So bleibt der Verbrauch nachvollziehbar, und das Projekt wandert nicht in eine Richtung, aus der Sie es zurückschleppen müssen.

Die Vorlage übernehmen und umschreiben können Sie auf zugo.dev. Die kostenlosen Credits reichen bis zu einer ersten Fassung, die erkennbar Ihre ist, und das veröffentlichte Projekt bekommt eine Adresse, die Sie schon jemandem zeigen können.