Mit KI könnt ihr heute in wenigen Stunden funktionierende Web-Apps, Tools und Dashboards bauen – ganz ohne Code schreiben zu können. Das nennt sich Vibe Coding.
Der neue Standard
KI hat die Hürde zum App-Entwickeln dramatisch gesenkt. Was früher Monate und ein Entwickler-Team brauchte, entsteht heute in Stunden – wenn ihr wisst, wie ihr fragt.
Der Begriff stammt vom KI-Forscher Andrej Karpathy: Ihr beschreibt in normalem Deutsch, was eure App tun soll – die KI schreibt den Code. Ihr testet, gebt Feedback, die KI korrigiert. Kein Wissen über Programmiersprachen nötig. Das Ergebnis ist echter, funktionierender Code – den ihr nicht selbst versteht, aber nutzen und erweitern könnt.
Für jeden Startpunkt
Ihr müsst nicht sofort Code schreiben. Es gibt einen Weg für jeden Einstiegslevel.
Fertige Bausteine per Drag & Drop zusammenstellen. Kein Code, keine KI-Kenntnisse nötig.
Ihr beschreibt die App in Deutsch – die KI schreibt HTML, CSS und JavaScript. Ihr testet und gebt Feedback.
KI-gestützte Entwicklungsumgebungen für komplexere Projekte. Höchste Qualität und Flexibilität.
Stufe 1 – kein Code nötig
Diese Tools brauchen weder Programmierung noch KI – ihr baut per Drag & Drop. Ideal für schnelle Lösungen und Prototypen.
Verwandelt eine Google Sheets-Tabelle in eine mobile App. Kein Code, keine Server. Ideal für interne Datenbanken, Projektlisten oder Kundenverwaltung als App.
Baut Web-Apps und Portale auf Basis von Airtable-Datenbanken. Mit Nutzerlogins, Formularen und Dashboards. Deutlich mächtiger als Glide für komplexere Datenstrukturen.
Mächtigste No-Code-Plattform überhaupt – vollständige Web-Apps mit Datenbank, Nutzerkonten, Zahlungen und APIs, alles ohne Code. Lernkurve ist steiler, aber kaum Grenzen.
Mehr als eine Tabelle – eine relationale Datenbank mit visuellen Interfaces, Automationen und API. Verbindet sich mit fast allem. Das Fundament für viele No-Code-Stacks.
Formulare, die sich wie Gespräche anfühlen. Mit Verzweigungslogik, Datei-Uploads, Zahlungen und automatischen Benachrichtigungen. Tally ist kostenlos, Typeform optisch stärker.
Gamma erstellt Präsentationen und Dokumente aus Text. Framer baut vollständige Websites mit KI – optisch auf Agentur-Niveau, ohne Design- oder Coding-Kenntnisse.
Stufe 2 – KI schreibt den Code
Ihr beschreibt, die KI baut. Kein Vorwissen über Programmierung nötig – nur die Fähigkeit, präzise zu beschreiben, was ihr wollt. Das ist letztlich: gutes Prompten.
Direkt in claude.ai lassen sich HTML/CSS/JavaScript-Apps erstellen, die sofort im Browser laufen. Kein Server, kein Account, keine Installation. Ihr seht das Ergebnis unmittelbar – und könnt sofort nachbessern lassen.
Startet mit einer klaren Beschreibung: Was soll die App tun? Für wen ist sie? Was sind die wichtigsten Funktionen? Je konkreter, desto besser das erste Ergebnis.
Claude zeigt das Ergebnis direkt. Testet es im Vorschau-Fenster. Was fehlt? Was ist falsch? Beschreibt konkret, was geändert werden soll – kein technisches Wissen nötig.
Tipp: „Die Schaltfläche ist zu klein", „Der Titel soll zentriert sein", „Füge ein Logo-Feld oben links hinzu" – das sind ausreichende Anweisungen.3 bis 8 Iterationen sind normal. Bei jedem Schritt wird die App besser. Beschreibt immer nur eine oder zwei Änderungen gleichzeitig – das gibt präzisere Ergebnisse als „ändere alles".
Klickt oben rechts im Artifact auf „Export" oder kopiert den gesamten Code. Die resultierende HTML-Datei könnt ihr lokal öffnen, per E-Mail teilen oder auf einem Server hochladen.
Tipp: Speichert zwischendurch den aktuellen Stand – „Kopiere den aktuellen vollständigen Code" – bevor ihr große Änderungen macht.Für komplexere Apps mit Datenbank, Nutzerlogins oder mehreren Seiten: v0.dev (Vercel), bolt.new und lovable.dev bieten vollständige App-Generierung mit direktem Deployment.
Tipp: v0.dev ist besonders stark bei modernen React-Interfaces. Bolt.new deployt direkt auf StackBlitz und gibt einen öffentlichen Link.Jetzt direkt loslegen
Diese Prompts funktionieren direkt in Claude. Einfach kopieren, einfügen, anpassen und auf „Senden" klicken.
Inspiration
Alles realisierbar mit Vibe Coding in Claude oder einem No-Code-Tool – von einfach bis ambitioniert.
Gibt man Zielgehalt, Urlaubstage, Overhead und Auslastung ein – berechnet den Mindest-Stundensatz. Mit Vergleichsvisualisierung.
EinsteigerEinfaches Timer-Tool pro Projekt mit automatischer Tagesauswertung und Wochenübersicht. Exportierbar als CSV.
EinsteigerKunden geben ihre Kennzahlen ein, ihr gebt den Beratungsaufwand ein – die App zeigt den erwarteten ROI der Zusammenarbeit.
MittelInteraktive Checkliste für neue Kundenprojekte. Mit Fortschrittsbalken, Verantwortlichkeiten und E-Mail-Reminder-Funktion.
EinsteigerEin Chatbot, der die häufigsten Fragen eurer Kunden beantwortet – mit eurer eigenen Wissensbasis hinterlegt. Einbettbar auf jeder Website.
MittelKunden beantworten einen Fragebogen, die App berechnet den Reifegrad in verschiedenen Dimensionen und zeigt ein Netz-Diagramm.
MittelAus Eingaben zu Projekten, Meilensteinen und Zeiträumen wird automatisch eine visuelle Timeline generiert – exportierbar als PNG.
FortgeschrittenMehrere Wettbewerber nach eigenen Kriterien bewerten. App erstellt automatisch eine visuelle Radar-Chart-Visualisierung.
MittelDie App veröffentlichen
Ihr habt eine fertige HTML-Datei – jetzt soll sie online erreichbar sein. Hier sind die einfachsten Wege.
HTML-Datei einfach auf die Netlify-Seite ziehen – fertig. Sofort online, eigene URL, HTTPS, kostenlos. Dauert unter einer Minute.
Wenn ihr mit v0.dev oder Bolt eine React-App gebaut habt, ist Vercel das natürliche Deployment-Ziel. GitHub-Repo verbinden – bei jedem Push automatisch online.
GitHub-Konto erstellen, Repository anlegen, HTML hochladen – GitHub Pages macht die Seite automatisch öffentlich erreichbar. Kostenlos, keine Limits.
Für rein interne Nutzung: HTML-Datei einfach per E-Mail oder Google Drive teilen. Empfänger öffnet sie im Browser – fertig. Kein Server, keine URL, kein Setup nötig.
Einen der Prompts von oben kopieren → in claude.ai einfügen → Ergebnis testen → ein bis zwei Mal nachjustieren → HTML-Datei kopieren → auf Netlify Drop ziehen. Von Idee bis live: unter 30 Minuten.
Das nächste Level
Vibe Coding bringt euch zum Prototypen. Wer komplexere, belastbare Tools bauen will, braucht den nächsten Schritt — und der hat weniger mit Technik zu tun als erwartet.
Irgendwann passiert es: Die App funktioniert nicht mehr, man repariert eine Sache, eine andere bricht. Man hat 50 Prompts geschrieben, versteht aber nicht was drin steckt. Das ist keine Pech-Frage und kein schlechtes Tool — das ist die natürliche Grenze des reinen Beschreibens. Andrej Karpathy, der den Begriff Vibe Coding geprägt hat, nennt das Nächste: Agentic Engineering.
„Baue mir ein Dashboard."
Startet sofort, iteriert nach Gefühl, repariert was kaputt geht. Funktioniert für einfache Dinge — skaliert nicht.
„Baue ein Dashboard das diese drei Metriken anzeigt, Daten aus dieser Quelle bezieht, alle 30 Sekunden aktualisiert und einen Ladezustand zeigt."
Definiert das Ergebnis bevor die KI überhaupt etwas berührt.
Bevor ihr ein Tool öffnet: Was soll der Nutzer am Ende tun können? Was ist das messbare Ergebnis? Wer kann das nicht in zwei Sätzen beschreiben, ist noch nicht bereit zu prompten.
Für Berater besonders wichtig: Definiert exakt die Felder, die Logik und die Ausgabe — bevor der erste Prompt gesendet wird. Das spart die meiste Zeit.KI-Agenten scheitern an Mammutaufgaben. Zerlegt komplexe Projekte in kleine, abgeschlossene Schritte: erst das Grundgerüst, dann die Berechnung, dann das Design. Jeder Schritt ist testbar.
Statt: „Baue den kompletten Angebotsrechner" → Erst: „Baue das Formular mit drei Feldern" → Test → Dann: „Füge die Berechnung hinzu"Jeder Schritt wird getestet bevor der nächste Prompt gesendet wird. Fehler die sich unbemerkt festsetzen, sind das eigentliche Problem — nicht die KI.
Nach jedem Baustein: Im Browser testen, alle Funktionen prüfen, erst dann weitermachen. 10 Minuten Test sparen oft 2 Stunden Reparatur.Die erfolgreichsten KI-Nutzer der nächsten Jahre werden nicht die besten Programmierer sein — sondern die klarsten Denker. Wer präzise definieren kann was ein Tool leisten soll, wer Anforderungen strukturiert beschreibt und Ergebnisse konsequent validiert: das sind Beratungskompetenzen, die direkt auf KI-Tool-Entwicklung übertragbar sind.