Alle Beiträge
Anleitungen·6 Min. Lesezeit

So schreibst du Prompts, aus denen großartige Apps werden

Ob ein generischer erster Entwurf entsteht oder eine App, die durchdacht wirkt, entscheidet meist der Prompt. Hier ist eine einfache Struktur, die jedes Mal funktioniert.

77
Das builder77-Team
builder77.com

builder77 kann aus einem einzigen Satz eine funktionierende App bauen. Aber ein einziger Satz überlässt der KI viele Entscheidungen: für wen die App ist, welche Screens wichtig sind, welche Daten sie speichert und wie sie sich anfühlen soll. Je mehr dieser Entscheidungen du vorab triffst, desto näher kommt die erste Version dem, was du dir vorgestellt hast – und desto weniger Credits brauchst du für Korrekturen.

Diese Anleitung zeigt eine Prompt-Struktur, die wir selbst verwenden. Sie ist keine Magie, sondern einfach eine Checkliste, die sicherstellt, dass das Wichtige gesagt wird.

1. Beginne damit, für wen die App ist und welche Aufgabe sie erfüllt

„Eine Buchungs-App“ kann hundert verschiedene Dinge bedeuten. „Eine Buchungs-App für einen Friseursalon mit zwei Personen, in der Kunden eine Leistung, eine Stylistin und ein Zeitfenster wählen“ kann nur wenige Dinge bedeuten. Fang mit dem Nutzer und der Aufgabe an, in ein oder zwei Sätzen.

Baue eine Buchungs-Web-App für einen kleinen Friseursalon. Kunden wählen eine Leistung, eine Stylistin und einen freien Termin und hinterlassen dann ihren Namen und ihre Telefonnummer.

2. Zähle die Screens oder Abschnitte auf

Wenn du die Screens benennst, bekommt die KI ein Gerüst, das sie füllen kann. Bei einer Website zählst du die Abschnitte in ihrer Reihenfolge auf. Bei einer App nennst du die Hauptansichten und wie man zwischen ihnen wechselt.

  • Website: Hero, Leistungen mit Preisen, Team, Bereich für Kundenstimmen (den du später füllst), Öffnungszeiten, Buchungsformular, Footer mit Kartenlink.
  • Web-App: Dashboard, Listenansicht mit Filtern, Detailseite, Modal zum Erstellen/Bearbeiten, Einstellungen.
  • Mobile App: Tabs unten für Heute, Pläne, Fortschritt und Profil, dazu ein Bottom Sheet zum Hinzufügen von Einträgen.

3. Beschreibe die Daten

Jede builder77-App hat eine integrierte Datenbank, die KI speichert Daten also in Collections. Deine App wird sauberer, wenn du sagst, welche Collections das sind und welche Felder wichtig sind. Fachbegriffe brauchst du nicht – einfache Substantive reichen völlig.

Speichere Buchungen (Leistung, Stylistin, Datum, Uhrzeit, Kundenname, Telefon, Status) und Leistungen (Name, Dauer, Preis). Lege ein paar Beispiel-Leistungen an.

Wenn jeder Nutzer nur seine eigenen Einträge sehen soll – bei einem Tagebuch, einem Gewohnheits-Tracker oder einem persönlichen Budget –, sag das ausdrücklich: „Nutzer registrieren sich und sehen nur ihre eigenen Einträge“. builder77 fügt dann einen Login hinzu und filtert Abfragen auf den aktuellen Nutzer.

4. Gib eine visuelle Richtung vor

Beim Stil liefern generische Prompts generische Ergebnisse. Zwei oder drei konkrete Begriffe schlagen einen Absatz voller Adjektive. Nenne eine Stimmung, eine Farbe und, falls vorhanden, eine Referenz.

  • „Warm und minimalistisch, cremefarbener Hintergrund, Terrakotta-Akzente, Serifen-Überschriften.“
  • „Dunkles Dashboard, hoher Kontrast, elektrisch grüne Highlights, dichte Tabellen wie bei Linear.“
  • „Verspielt und abgerundet, Pastellfarben, große, freundliche Buttons für Kinder.“

Du kannst auch einen Screenshot als Referenz anhängen. Die KI übernimmt Layout- und Farbhinweise aus dem Bild – eine tolle Abkürzung, wenn du etwas Bestimmtes im Kopf hast.

5. Nutze „Prompt verbessern“, wenn du feststeckst

Wenn du nur eine grobe Idee hast, tipp sie ein und drück auf Prompt verbessern. builder77 macht daraus einen detaillierten Prompt, der Nutzer, Screens, Daten und Stil abdeckt. Lies ihn vor dem Absenden durch und korrigiere, was nicht passt. So kommst du schnell von „einer Fitness-App“ zu einer Spezifikation, die du wirklich willst.

6. Verbessere in kleinen, konkreten Schritten

Sobald die erste Version steht, widerstehe der Versuchung, eine Liste mit zwölf Änderungen zu schicken. Kleine Anfragen sind zuverlässiger und lassen sich leichter rückgängig machen. Ein guter Rhythmus ist eine Funktion oder eine visuelle Änderung pro Nachricht.

  • Nutze Auswählen, um in der Vorschau auf ein Element zu klicken und genau zu sagen, was sich daran ändern soll.
  • Nutze den Modus Diskutieren, um eine größere Funktion mit der KI zu planen, bevor du sie baust.
  • Wenn etwas kaputtgeht, drück auf Mit KI beheben – der erfasste Fehler wird mitgeschickt, damit die KI ihn reparieren kann.
  • Jede Änderung ist eine Version. Gefällt dir ein Ergebnis nicht, stell die vorherige wieder her und formuliere neu.

Ein vollständiges Beispiel

text
Baue eine mobile Gewohnheits-Tracker-App namens Streaky für Menschen, die sich kleine tägliche Gewohnheiten aufbauen.

Screens: Heute (Liste der Gewohnheiten mit großem Abhak-Button und aktueller Serie),
Gewohnheiten (Gewohnheiten hinzufügen/bearbeiten mit Name, Emoji, Farbe und Zieltagen pro Woche),
Statistik (wöchentliches Erledigt-Diagramm und längste Serie), Profil (Abmelden).

Daten: Nutzer registrieren sich; Gewohnheiten und Check-ins sind für jeden Nutzer privat.

Stil: ruhig und freundlich, gebrochen weißer Hintergrund, sanfter grüner Akzent,
abgerundete Karten, große Touch-Flächen, Tab-Leiste unten.

Das sind rund 80 Wörter, und sie beantworten jede Frage, die die KI sonst raten müsste. Probier die Struktur bei deiner nächsten Idee aus – und bewahre deine besten Prompts griffbereit auf, denn du wirst die Muster öfter wiederverwenden, als du denkst.

Bereit, es zu bauen?

Beschreibe deine Idee und erhalte in etwa einer Minute eine funktionierende erste Version. Kostenlos starten, keine Kreditkarte nötig.