Von der Idee zur App
Komplette Apps können via Prompting entworfen, gebaut, getestet und veröffentlicht werden.
KI-Tools können Programmcode analysieren, erzeugen und verändern — in der Softwareentwicklung werden diese Tools immer mächtiger und wichtiger.
Ziel heute: einen Überblick gewinnen, Vorgehensweisen und Werkzeuge einordnen und bewusst auswählen.
Vibe Coding
AI Assisted Engineering
Anwendungen im Browser
Entwicklungsumgebungen (IDEs)
Command Line Interfaces (CLIs, im Terminal)
The hottest new programming language is English.
There's a new kind of coding I call "vibe coding", where you fully give in to the vibes […] and forget that the code even exists.
[…]
I'm building a project or webapp, but it's not really coding - I just see stuff, say stuff, run stuff, and copy paste stuff, and it mostly works.
Viele KI-Chats können Code generieren und in einer isolierten Umgebung (Sandbox) ausführen.
Vorführung: ChatGPT im Browser mit diesem Prompt:
Bau eine App, die per Knopfdruck 5 Minuten rückwärts zählt und zufällig eine Aktivität zur Entspannung zeigt. Beispiele: Atemübung, Strecken, Visualisierung, Kaffee holen, usw. Denk dir passende Übungen aus. Mit motivierenden Texten!
„One Shot“-Ergebnisse des Prompts auf der vorigen Folie
Tipp: AI Studio von Google bietet Coding und mehr.
Komplette Apps können via Prompting entworfen, gebaut, getestet und veröffentlicht werden.
Arbeitsumgebung, Ausführung und oft auch Deployment laufen direkt im Browser.
Viele Tools sind leider nur begrenzt kostenlos nutzbar.
Offizielle Open-Source-Variante von bolt.new.
Für Apps in der Cloudflare-Umgebung.
Von den Machern von v0.dev.
Eigene Vibe-Coding-Umgebungen können kontrolliert bereitgestellt und angepasst werden.
Eigene Plattformen können intern gehostet und mit passenden Modellen betrieben werden.
Neben dem Code-Editor stehen zusätzliche KI-Funktionen für die tägliche Arbeit bereit.
Die KI arbeitet mit Dateien, Repo-Struktur und bestehendem Code statt nur mit einem isolierten Prompt.
Fragen stellen, Änderungen anstoßen und Code direkt in der IDE erklären lassen.
Mehrschrittige Programmieraufgaben werden weitgehend autonom bearbeitet.
Falls Zeit/Interesse: VS Code mit GitHub Copilot (Chat Agent-Modus)
Viele haben das Terminal bzw. die Kommandozeile als Umgebung für Vibe Coding (wieder-)entdeckt.
→ Vibe Coding in einer rein textbasierten, fokussierten Umgebung.
Manche haben mehrere Agents in eigenen Terminals laufen, die verschiedene (Teil-)Aufgaben übernehmen — ist das noch Vibe Coding im ursprünglichen Sinn?
Schnelles Ausprobieren und Explorieren von Ideen
Kleine Snippets, Lernbeispiele, Prototyping
Erstellung kompletter Apps 🤔 ?
Im Gegensatz zu reinem Vibe Coding bezeichnen wir „professionelle Zusammenarbeit“ mit der KI als AI Assisted Engineering.
Architektur und zentrale Konzepte eines Repositories erklären lassen.
Code auf Bugs, Sicherheitsprobleme und offensichtliche Smells prüfen.
Updates planen und passende Patches für Abhängigkeiten vorbereiten.
Anforderungen zuerst in Tests oder einen klaren Plan übersetzen.
Code-Vervollständigungen direkt beim Tippen.
Fragen direkt im Code-Kontext stellen.
Komplexe Aufgaben strukturieren und Änderungen umsetzen.
Tests, Refactoring oder Doku gezielt an Spezialisten geben.
Sie analysieren Codebasen, planen Änderungen und setzen sie schrittweise um.
Branches, Commits und Pull Requests machen die Arbeit nachvollziehbar.
Cloud-Agent, klont Repositories in einer Sandbox und schlägt Pull Requests vor.
Arbeitet in GitHubs Cloud auf Basis von Issues oder Pull Requests.
Claude Code , Google Jules , Cursor Cloud Agents und weitere.
Schnell und explorativ — gut für Ideen, Lernen und Prototyping.
Professionelle Zusammenarbeit mit KI planvoll und reviewbar gestalten.
Browser, IDE und Terminal bieten jeweils eigene Stärken und Modi.
Cloud-Agents liefern Pläne, Diffs und Pull Requests mit viel Potenzial.
Wer einen KI-Chat nutzt, kann direkt Vibe Coding ausprobieren…
…und diese nach eigenen Vorstellungen weiterentwickeln…
…und vielleicht auch in die Programmierung „hineinwachsen“?