KI Coding Tools

Vibe Coding & AI Assisted Engineering

Ein Überblick über aktuelle Vorgehensweisen und Werkzeuge

Erik Behrends · DHBW Lörrach

Warum KI Coding Tools?

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.

Vorgehensweisen

Vibe Coding

AI Assisted Engineering

Werkzeuge

Anwendungen im Browser

Entwicklungsumgebungen (IDEs)

Command Line Interfaces (CLIs, im Terminal)

The hottest new programming language is English.
— Andrej Karpathy, Januar 2023 (!) (Quelle)

Vibe Coding

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.
— Andrej Karpathy, Februar 2025 (Quelle)

Browser-Tools in KI-Chats bieten Vibe Coding

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!
Screenshot ChatGPT Vibe Coding Relax App 1 Screenshot ChatGPT Vibe Coding Relax App 2

„One Shot“-Ergebnisse des Prompts auf der vorigen Folie

Tipp: AI Studio von Google bietet Coding und mehr.

Web-Apps als Vibe-Plattformen

Entwicklungsumgebung im Browser für ganze Projekte.

Von der Idee zur App

Komplette Apps können via Prompting entworfen, gebaut, getestet und veröffentlicht werden.

Ohne lokales Setup

Arbeitsumgebung, Ausführung und oft auch Deployment laufen direkt im Browser.

Web-Apps als Vibe-Plattformen

Solche Plattformen decken oft fast den ganzen App-Stack ab.
Frontend Backend Datenbank API-Anbindung Tests Deployment
Vollständiges Vibe Coding — nur Browser benötigt.

Viele Tools sind leider nur begrenzt kostenlos nutzbar.

Open-Source Vibe Coding Plattformen

bolt.diy

Offizielle Open-Source-Variante von bolt.new.

Open-Source Vibe Coding Plattformen

Mit API-Keys lassen sich verschiedene KI-Modelle und LLMs einbinden.

Für Hochschulen

Eigene Vibe-Coding-Umgebungen können kontrolliert bereitgestellt und angepasst werden.

Für Unternehmen

Eigene Plattformen können intern gehostet und mit passenden Modellen betrieben werden.

IDEs für Vibe Coding

Die IDE wird zur Arbeitsfläche für KI-gestütztes Entwickeln.

Direkt im Editor

Neben dem Code-Editor stehen zusätzliche KI-Funktionen für die tägliche Arbeit bereit.

Im Projektkontext

Die KI arbeitet mit Dateien, Repo-Struktur und bestehendem Code statt nur mit einem isolierten Prompt.

IDEs für Vibe Coding

Für Vibe Coding stehen meist Chat plus Agent-Modus für größere Aufgaben bereit.

Chat-Interface

Fragen stellen, Änderungen anstoßen und Code direkt in der IDE erklären lassen.

Agent-Modus

Mehrschrittige Programmieraufgaben werden weitgehend autonom bearbeitet.

Tipp: Hochschulangehörige erhalten mit GitHub Education kostenlosen Zugriff auf GitHub Copilot Pro.
Screenshot VS Code mit GitHub Copilot Chat im Agent-Modus

Falls Zeit/Interesse: VS Code mit GitHub Copilot (Chat Agent-Modus)

IDEs für Vibe Coding

Terminal-CLIs mit KI (Vibe)

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?

Terminal/CLI Vibe Coding

Wann ist Vibe Coding passend?

Schnelles Ausprobieren und Explorieren von Ideen

Kleine Snippets, Lernbeispiele, Prototyping

Erstellung kompletter Apps 🤔 ?

AI Assisted Engineering

Im Gegensatz zu reinem Vibe Coding bezeichnen wir „professionelle Zusammenarbeit“ mit der KI als AI Assisted Engineering.

CLIs im Terminal als Assistenten

Im Terminal lässt sich planvoll mit der KI an echten Engineering-Aufgaben arbeiten.

Onboarding

Architektur und zentrale Konzepte eines Repositories erklären lassen.

Qualität

Code auf Bugs, Sicherheitsprobleme und offensichtliche Smells prüfen.

Migrationen

Updates planen und passende Patches für Abhängigkeiten vorbereiten.

Systematisches Coding

Anforderungen zuerst in Tests oder einen klaren Plan übersetzen.

Typische Tätigkeiten eines Software Engineers — hier mit KI-Unterstützung.

Fähigkeiten von KI in IDEs

Tab-Completion

Code-Vervollständigungen direkt beim Tippen.

Chat im Editor

Fragen direkt im Code-Kontext stellen.

Plan- und Agent-Modus

Komplexe Aufgaben strukturieren und Änderungen umsetzen.

Multi-Agenten

Tests, Refactoring oder Doku gezielt an Spezialisten geben.

Aus der IDE lassen sich Aufgaben direkt an Cloud-Agents delegieren, zum Beispiel an GitHub oder OpenAI/Codex.

Coding-Agents in der Cloud

Cloud-Agents arbeiten eigenständig mit ganzen Repositories und werden meist im Browser gesteuert.

Arbeitsweise

Sie analysieren Codebasen, planen Änderungen und setzen sie schrittweise um.

Outputs

Branches, Commits und Pull Requests machen die Arbeit nachvollziehbar.

IDEs und CLIs delegieren das Heavy Lifting an diese Agents. Sie eignen sich besonders für größere Änderungen, Migrationen und lang laufende Aufgaben.

Beispiele für Coding-Agents

OpenAI Codex

Cloud-Agent, klont Repositories in einer Sandbox und schlägt Pull Requests vor.

Coding Agents arbeiten wie (Junior) Software Engineers in der Cloud.

Fazit & Takeaways

1. Vibe Coding

Schnell und explorativ — gut für Ideen, Lernen und Prototyping.

2. AI Assisted Engineering

Professionelle Zusammenarbeit mit KI planvoll und reviewbar gestalten.

3. Drei Plattformen

Browser, IDE und Terminal bieten jeweils eigene Stärken und Modi.

4. Coding-Agents

Cloud-Agents liefern Pläne, Diffs und Pull Requests mit viel Potenzial.

Fazit & Takeaways

Welches KI-Tool passt zum jeweiligen Kontext?
Selbst reviewen, bewusst auswählen und klar bleiben: Am Ende sind wir für den Code verantwortlich.

Vibe Coding für alle

Wer einen KI-Chat nutzt, kann direkt Vibe Coding ausprobieren…

…und diese nach eigenen Vorstellungen weiterentwickeln…

…und vielleicht auch in die Programmierung „hineinwachsen“?

Screenshot ChatGPT Vibe Coding Relax App 1 Screenshot ChatGPT Vibe Coding Relax App 2

Vielen Dank!

Zeit für Fragen…

Erik Behrends