Vom mind map zur App: Wie jeder mit Vibe-Coding bauen kann
Vibe Coding—Apps zu bauen, indem man beschreibt, was man in einfacher Sprache will und KI den Code generieren lässt—wurde von Collins Dictionary zum Wort des Jahres 2025 gekürt. Und aktuellen Branchendaten zufolge sind 63% der Menschen, die es heute machen, überhaupt keine Entwickler. Es sind Lehrer, Händler, Kleinunternehmer und alle, die ein Problem haben, das es wert ist, gelöst zu werden.
„Ich weiß nicht, wie man programmiert. Das habe ich nie“, sagte Suleiman Shaibu der kleinen Gruppe beim ersten Webinar von Xmind im Jahr 2026. „Aber ich habe über 10 Apps gebaut. Und heute zeige ich euch, wie.“
Suleiman ist Managementberater und Business Coach aus Nigeria mit über 30 Jahren Erfahrung in der Zusammenarbeit mit Unternehmen wie Microsoft und HP. Er entdeckte mind mapping vor fast einem Jahrzehnt — und als KI dazukam, erkannte er, dass beides zusammengehört.
Diese Session war kein technisches Tutorial. Es war eine Demonstration: Vibe Coding ist nicht nur etwas für Entwickler. Es ist für Bäcker, Lehrer, Händler und alle, die je ein Problem hatten, das es wert ist, gelöst zu werden.
Die Architekten-Analogie: Warum die meisten Vibe Coding falsch verstehen
Bevor er irgendein KI-Tool anrührte, machte Suleiman eines klar: So, wie die meisten Menschen an Vibe Coding herangehen, ist genau der falsche Weg.
„Man geht ja auch nicht einfach auf eine Baustelle und sagt: ‚Baut mir ein Haus‘“, sagte er. „Selbst der klügste Architekt wird zuerst Fragen stellen. Wie viele Zimmer? Wie viele Etagen? Wo soll die Küche hin?“
KI ist Ihr Umsetzer. Doch ohne Blaupause rät sie nur. Diese Blaupause, argumentierte Suleiman, ist Ihr mind map — und hier kommt Xmind im Workflow ins Spiel. Nicht als letzter Feinschliff, sondern als Ausgangspunkt.
Bevor er eine einzige Eingabeaufforderung schrieb, skizzierte er:
Das Problem — Was genau wollen Sie lösen?
Die Nutzer — Wer wird das tatsächlich nutzen, und wie?
Die Funktionen — Was muss es können?
Der Ablauf — Was passiert, wenn jemand die App öffnet?
Das Diagramm wird zu Ihrem Produktanforderungsdokument. Je klarer es ist, desto präziser die Eingabeaufforderung. Je präziser die Eingabeaufforderung, desto näher kommt die erste Version dem, was Sie eigentlich im Sinn hatten.
Live bauen: Der Stromauflade-Tracker
Um die Idee greifbar zu machen, baute Suleiman während der Session eine echte App — von Grund auf, in Echtzeit.
Zu Hause in Nigeria verfolgte seine Familie die Aufladungen ihres Prepaid-Stroms bisher manuell: Datum, ausgegebener Betrag, Zählerstand zum Zeitpunkt. Jeder im Haus konnte eine Aufladung vornehmen, doch eine gemeinsame Aufzeichnung zu pflegen war unübersichtlich. Also öffnete er Xmind und dachte das laut durch — er skizzierte Nutzer, Login-Optionen und Kernfunktionen, bevor er irgendein KI-Tool anrührte.
Kategorie | Details |
|---|---|
Nutzer | Vater, Mutter, Sohn, Tochter, gelegentlicher Gast |
Login | Google-Login + Benutzername/Passwort (für Gäste ohne Google-Konten) |
Kernfunktionen | Aufladedatum, Betrag und Zählerstand erfassen; Verlauf anzeigen |
Analysen | Wöchentliche/monatliche Nutzungsberichte, Aufladeverlauf |
Während das Diagramm Gestalt annahm, brachten die Teilnehmenden Vorschläge ein — Unterstützung für mehrere Währungen, zweiwöchige Aufladehistorie, längere Berichtszeiträume. Suleiman ergänzte jeden einzelnen direkt im Diagramm, bevor er auch nur eine Eingabeaufforderung schrieb.
„Das Gute an mind mapping ist, dass, sobald man anfängt, die kreative Energie zu fließen beginnt“, sagte er. „Dinge, an die man nie gedacht hat, tauchen plötzlich auf.“
Mit dem vollständigen Diagramm speiste er es gleichzeitig in 3 KI-Tools ein — Lovable, Google AI Studio und Claude — um die Ergebnisse zu vergleichen. Alle 3 lieferten innerhalb von Minuten funktionierende Mockups. Google AI Studio war zuerst und hatte den nigerianischen Kontext bereits erkannt: Es stellte standardmäßig Naira als Währung ein, ohne dass man es darum bitten musste.
Die ersten Versionen waren nicht perfekt. Buttons reagierten nicht. Währungsoptionen aktualisierten sich nicht. Aber genau das ist der Punkt.
„KI macht, wie Menschen auch, Fehler“, sagte Suleiman. „Darum gibt es Iteration. Man verfeinert die Anweisung immer weiter, bis man bekommt, was man will.“
Das 7-Schritte-Vibe-Coding-Framework
Im Verlauf von mehr als 10 gebauten Apps destillierte Suleiman den Prozess zu einem wiederholbaren Framework:
Definieren Sie das Problem — Was lösen Sie, und für wen?
Identifizieren Sie Ihre Nutzer — Wer wird das tatsächlich nutzen?
Funktionen sammeln — Skizzieren Sie alles in Xmind und nutzen Sie anschließend Xmind AI, um Lücken zu finden, die Sie übersehen haben könnten
Priorisieren Sie Kernfunktionen — Bauen Sie zuerst ein Minimalprodukt; weitere Schichten folgen später
Generieren Sie Ihre erste Version — Speisen Sie das Diagramm in Ihr bevorzugtes KI-Tool ein
Iterieren Sie — Beheben, verfeinern und erweitern Sie auf Basis des Ergebnisses
Bereitstellen — Auf Plattformen wie Netlify oder Vercel hosten
Ein Tipp kam mitten in der Session von einem Teilnehmer: Statt Ihr Xmind-Diagramm als Screenshot zu speichern und als Bild anzuhängen, exportieren Sie es als Markdown oder Word und fügen Sie den Text direkt in Ihre Eingabeaufforderung ein. KI liest Struktur besser, als sie Bilder interpretiert, und die Ausgabe wird dadurch meist präziser.
„Sehr gut. Ein sehr guter Vorschlag“, antwortete Suleiman. Es war einer dieser Momente, die das kleine Gruppenformat wie einen Vorteil wirken ließen.
Dasselbe Verfahren, andere Probleme
Um zu zeigen, dass das Framework nicht branchenspezifisch ist, ging Suleiman in kurzer Folge 3 weitere Anwendungsfälle durch.
Bäckerei-Inventar-App
Ein Bäcker muss Zutaten verfolgen, den Bestand verwalten und wissen, wann nachbestellt werden muss. Suleiman skizzierte die Funktionen in Xmind und übergab sie an Google AI Studio. Das Ergebnis war eine funktionierende Inventar-App — und es enthielt etwas, wonach er nicht gefragt hatte: einen integrierten KI-Assistenten, mit dem sich Bestände in einfacher Sprache abfragen lassen, statt durch Tabellen zu navigieren.
Dann zeigte er, wie einige weitere Eingaben sie noch erweitern könnten:
Massen-CSV-Upload für neuen Bestand
Automatische Aktualisierung der Einkaufspreise aus Lieferantendaten
Margenverfolgung über alle Produkte hinweg
Jede neue Funktion war nur einen Prompt entfernt.
Verkaufs-App für eine Modeboutique
Ein Händler hat Mühe, sich die Vorlieben zurückkehrender Kunden zu merken — Größe, Farbe, Stoff. Suleiman skizzierte das Problem in Xmind und schickte es an ChatGPT, das mit etwas Unerwartetem zurückkam: Vorschläge für vollständige UI-Mockups, die Designfragen aufwarfen, an die sein ursprüngliches Diagramm nicht gedacht hatte.
„Genau deshalb müssen wir brainstormen“, sagte er. „Ihre KI kann unmöglich wissen, was in Ihrem Kopf ist. Also bevor Sie loslegen, skizzieren Sie es so vollständig wie möglich.“
Die daraus entstehende App speicherte Kundenprofile, erfasste Kaufhistorien nach Vorlieben, verfolgte den Bestand und konnte zurückkehrenden Kunden Werbe-E-Mails senden.
Networking-Eisbrecher-App
Vielleicht das persönlichste Beispiel. Suleiman baute diese App für seine eigene Moderationsarbeit — eine App, die Fragenpakete für Eisbrecher in Unternehmen generiert, sie per QR-Code als zeitlich begrenztes Spiel ausführt und Antworten verfolgt. Keine Vorlage. Kein Tutorial. Nur ein Problem, eine mind map und eine Eingabeaufforderung.
Fazit
Gegen Ende der Session erwähnte ein Teilnehmer etwas, das Elon Musk kürzlich gesagt hatte — dass die Zukunft der Telefone vielleicht ein einziges Gerät ohne feste Apps sei, auf dem alles bei Bedarf generiert wird. Nachdem man Suleiman dabei zugesehen hatte, wie er in weniger als einer Stunde 4 funktionierende Apps baute, wirkte diese Idee deutlich weniger abstrakt.
Seine abschließende Botschaft war klar.
„Sie können es sich nicht leisten, in diesem neuen Zeitalter hilflos zu sein. Ihre Zukunft liegt in Ihren Händen. Sie entscheiden, was Ihnen wichtig ist.“
Die Werkzeuge sind da. Die Hürde ist nicht mehr technischer Natur — sie ist Klarheit. Vibe Coding gibt Ihnen den Umsetzer. Xmind gibt Ihnen die Blaupause. Was Sie bauen, liegt ganz bei Ihnen.
FAQ
1. Was ist Vibe Coding?
Vibe Coding ist eine Methode, Apps zu bauen, indem man beschreibt, was man in einfacher Sprache will und KI den Code generieren lässt. Der Begriff wurde Anfang 2025 vom KI-Forscher Andrej Karpathy geprägt und von Collins Dictionary zum Wort des Jahres 2025 gekürt.
2. Muss ich programmieren können, um mit Vibe Coding zu beginnen?
Nein. Untersuchungen zeigen, dass 63% der Menschen, die derzeit Vibe Coding nutzen, keine Entwickler sind. Die Fähigkeit, die Sie brauchen, ist nicht Syntax, sondern Klarheit. Je besser Sie beschreiben können, was Sie wollen, desto besser arbeitet die KI.
3. Wie bereite ich mich am besten vor, bevor ich ein Vibe-Coding-Tool nutze?
Skizzieren Sie Ihre Idee zuerst. Definieren Sie das Problem, identifizieren Sie Ihre Nutzer und listen Sie die Funktionen auf, die Sie brauchen. Tools wie Xmind helfen Ihnen, Ihr Denken visuell zu ordnen, bevor Sie eine einzige Eingabeaufforderung schreiben — und das führt zu deutlich besseren Ergebnissen.
4. Kann ich wirklich eine funktionierende App ohne technischen Hintergrund bauen?
Ja — mit dem richtigen Ansatz. Wie Suleiman in diesem Webinar live zeigte, lässt sich ein klares Konzept direkt in eine funktionierende App-Eingabeaufforderung übersetzen. Die KI übernimmt den Code; Sie übernehmen das Denken.
5. Welche KI-Tools eignen sich am besten für Vibe Coding?
Beliebte Optionen sind Lovable, Google AI Studio, Claude und ChatGPT. Jedes hat andere Stärken — es lohnt sich, einige mit derselben Eingabeaufforderung zu testen, um die Ergebnisse zu vergleichen und den besten Startpunkt zu wählen.
