Das ist der enge, dialogorientierte Loop, mit dem Sie ein bestimmtes Stück Code erstellen und perfektionieren.

Vibe Coding beschränkt sich nicht auf die Codegenerierung. Mit Vibe Deploying können Sie Ihre Anwendung mit einem einzigen Klick oder Prompt in einer Live-Produktionsumgebung (z. B. Cloud Run) launchen. So wird der „DevOps-Engpass“ beseitigt und Sie können Ihre Ideen sofort mit echten Nutzern testen.

Vibe Coding funktioniert auf zwei Ebenen: der iterativen Schleife auf niedriger Ebene zur Verfeinerung von Code und dem Lebenszyklus auf hoher Ebene zum Erstellen und Bereitstellen einer vollständigen Anwendung.

Dies ist der umfassendere Prozess, bei dem eine allgemeine Idee vom Konzept bis zur bereitgestellten Anwendung umgesetzt wird.

Bei der herkömmlichen Programmierung konzentrieren Sie sich auf die Details der Implementierung und schreiben manuell die spezifischen Befehle, Keywords und Satzzeichen, die eine Sprache erfordert. Beim Vibe Coding konzentrieren Sie sich auf das gewünschte Ergebnis und beschreiben Ihr Ziel in natürlicher Sprache, zum Beispiel „ein Formular für die Nutzeranmeldung erstellen“. Die KI kümmert sich dann um den eigentlichen Code.

Es folgt ein Vergleich:

Google Cloud bietet mehrere Tools für die Vibe-Codierung. Die Wahl des Tools sollte von Ihrem Ziel abhängen und nicht unbedingt von Ihrer Berufsbezeichnung. Ein Entwickler könnte AI Studio für einen schnellen Prototyp verwenden, ein Enthusiast könnte eine vollständige Anwendung in Firebase Studio erstellen und ein Data Scientist könnte Gemini CLI verwenden, um ein Script zu schreiben.

Nachdem Sie das Prototyping abgeschlossen haben, hängt der Bereitstellungspfad vom ausgewählten Tool ab. Sie können den Quellcode direkt bearbeiten oder zu Ihrer Vibe-Codierungsumgebung zurückkehren, um weitere Anweisungen zu geben.

Dieser Leitfaden hilft Ihnen, das richtige Tool für die jeweilige Aufgabe zu finden.

Mit AI Studio können Sie schnell aus einer Idee eine funktionierende, teilbare Webanwendung machen – oft mit nur einem Prompt. Es eignet sich perfekt für schnelles Prototyping und die Entwicklung einfacher, auf generativer KI basierender Anwendungen.

Rufen Sie In AI Studio entwickeln auf, um loszulegen. Beschreiben Sie im Hauptbereich für Prompts einfach die Anwendung, die Sie erstellen möchten. Beginne mit einer lustigen, kreativen Idee und gib dann einfach den Prompt ein. Nachdem Sie den Prompt ausgeführt haben, generiert AI Studio den erforderlichen Code und die Dateien. Rechts sehen Sie eine Live-Vorschau Ihrer App.

Jetzt, wo Sie eine Live-Vorschau haben, können Sie die Chat-Oberfläche nutzen, um mit Folge-Prompts das Aussehen und die Funktionalität zu verfeinern. Sie können Funktionen hinzufügen, visuelle Elemente ändern und vieles mehr.

Wenn Sie mit dem Ergebnis zufrieden sind, können Sie die Bereitstellung in Cloud Run vornehmen.

Wichtige Features:

• Einfacher Zugriff: Sie können erste Anwendungen schnell veröffentlichen
• Skalierbare Infrastruktur: Im Backend wird Cloud Run verwendet, sodass Ihre App auch bei einem viralen Erfolg den Traffic bewältigen kann

Gemini Code Assist fungiert als KI-basierter Co-Programmierer direkt in Ihrem vorhandenen Code-Editor (wie VS Code oder JetBrains). Es eignet sich am besten, um professionelle Entwickler direkt in ihrer IDE und bei bestehenden Projekten schneller und effizienter zu unterstützen.

Öffnen Sie dazu eine Projektdatei in Ihrer IDE. Anstatt Code manuell zu schreiben, können Sie im Gemini-Chatfenster oder mit einem Inline-Prompt die Funktion oder den Codeblock beschreiben, den Sie benötigen. Die KI generiert den Code und fügt ihn direkt in die Datei ein.

Markieren Sie den Code, den Sie gerade erstellt haben (oder einen beliebigen Block vorhandenen Codes), und verwenden Sie weiterführende Prompts, um ihn zu ändern oder zu verbessern. Das ist ideal, um neue Funktionen hinzuzufügen, die Fehlerbehandlung zu verbessern, die Leistung zu steigern oder die Logik zu ändern, ohne dass Sie manuell umgestalten müssen.

Um sicherzustellen, dass Ihr Code produktionsreif ist, können Sie Gemini bitten, Unittests zu generieren. So wird ein wichtiger, aber oft zeitaufwendiger Teil der App-Entwicklung automatisiert.

Gemini CLI ist ein Open-Source-KI-Agent, der Gemini direkt in Ihr Terminal bringt. Es wurde für Entwickler entwickelt, die eine Terminal-First-Umgebung bevorzugen.

Nachdem Sie den Agenten in Ihrem Terminal installiert haben, können Sie die Gemini CLI in jedem Verzeichnis mit dem Befehl „Gemini“ starten. Sie können Ihre lokalen Dateien automatisch analysieren lassen, um den Projektkontext zu verstehen.

Die Gemini CLI unterstützt das Model Context Protocol (MCP), mit dem die KI eine Verbindung zu externen Tools und Datenquellen herstellen kann.

• Sie können Gemini mit einer Datenbank, einem GitHub-Repository oder der Google Suche verbinden.
• Wenn Sie die Gemini CLI auf einen MCP-Server verweisen, erhält sie „neue Fähigkeiten“, z. B. die Möglichkeit, Ihre Jira-Tickets zu lesen oder Code auf einem bestimmten Server bereitzustellen.
• Für die Gemini CLI gibt es ein Ökosystem von Erweiterungen beliebter Dienstanbieter und Google-Dienste, die MCP-Server mit Kontext dafür verknüpfen, wie Gemini sie verwenden soll, um Aufgaben in Ihrem Auftrag auszuführen.

Sie können den „Shell-Modus“ in der Gemini CLI aktivieren, um Terminalbefehle direkt auszuführen. Sie können die KI dann auffordern, den Fehler im letzten Build zu beheben. Die KI kann die Korrektur ausführen und den Build-Befehl für Sie neu ausführen.

Beim Vibe Coding mit Google Antigravity liegt der Fokus nicht auf dem Schreiben von Syntax, sondern auf der Steuerung von Aufgaben. Statt jede einzelne Zeile Code zu verwalten, können Sie autonome Agenten anleiten, die die Hauptarbeit in Ihrem Editor, Terminal und Browser erledigen.

Starten Sie die Antigravity-Anwendung. Für Unternehmenskunden ist Antigravity über das Add-on Google AI Ultra for Business verfügbar. Damit erhalten Sie höhere Nutzungslimits und priorisierten Traffic für geschäftskritische Aufgaben. Sie können entweder vorhandene Einstellungen aus VS Code importieren oder die native Agent-Oberfläche von Grund auf neu kennenlernen.

Im Agent Manager wählen Sie Ihr primäres Modell aus, zum Beispiel Gemini 3 Pro, und konfigurieren Ihre Überprüfungsrichtlinie.

Für ein echtes „Vibe“-Erlebnis stellen viele Entwickler die Terminalausführung auf „Automatisch“ ein, sodass der Agent Routinebefehle wie „npm install“ oder „git status“ ausführen kann, ohne jedes Mal um Erlaubnis zu fragen.

Beschreiben Sie im Agent-Bereich in natürlicher Sprache, was Sie erstellen möchten. Sie könnten zum Beispiel sagen: „Erstelle ein responsives Dashboard für persönliche Finanzen mit Next.js und Tailwind CSS.“

Antigravity beginnt nicht einfach mit dem Tippen, sondern analysiert zuerst Ihre Anfrage und schlägt eine Aufgabenliste vor. Diese Checkliste umfasst den gesamten Projektlebenszyklus, vom Scaffolding bis hin zum letzten Feinschliff der Benutzeroberfläche.

Bevor Code festgeschrieben wird, erstellt der Agent einen Implementierungsplan (in der Regel als Artefakt „implementation_plan.md“). Dieses Dokument dient als technischer Blueprint, in dem genau beschrieben wird, welche Dateien erstellt oder geändert werden und welche Logik verwendet wird.

Sie können sich diesen Plan ansehen, Kommentare hinterlassen oder „Vibes“ zu bestimmten Abschnitten abgeben, zum Beispiel eine andere Farbvorlage oder eine bestimmte Bibliothek für die Zustandsverwaltung vorschlagen. Der Agent passt dann seine Strategie an, bevor er fortfährt.

Sobald Sie den Plan genehmigt haben, geht der Agent in die Ausführungsphase über.

Sie können beobachten, wie das Terminal geöffnet wird, um Abhängigkeiten zu installieren, Komponentendateien im Editor erstellt und eigene Linting-Fehler in Echtzeit behoben werden. Wenn Sie nicht weiterkommen oder etwas ändern möchten, können Sie zwischen dem Planungsmodus (für komplexe Architekturen) und dem Schnellmodus (für schnelle Bearbeitungen) wechseln, um den Workflow aufrechtzuerhalten.

Antigravity geht über textbasierte Protokolle hinaus und liefert einen visuellen Nachweis seiner Arbeit. Wenn Ihr Projekt ein Frontend umfasst, kann der Agent einen Browser-Unteragenten starten, um die Benutzeroberfläche zu testen. Es macht Screenshots und Browseraufzeichnungen von sich selbst, wie es auf Buttons klickt und durch Seiten navigiert, um sicherzustellen, dass alles wie vorgesehen funktioniert. Sie können den „Vibe“ des Endprodukts prüfen, indem Sie diese Artefakte direkt in Ihrem Mission Control-Dashboard ansehen.

Wenn Ihr Projekt wächst, können Sie Ihren Agenten mit Agent Skills neue Tricks beibringen. Wenn Sie eine SKILL.md-Datei zum Verzeichnis .agent/skills/ Ihres Projekts hinzufügen, können Sie spezifische Workflows oder Codierungsstandards definieren, die für Ihr Team einzigartig sind. Sie könnten beispielsweise eine Fähigkeit für die „Datenbankmigration“ erstellen, die dem Agenten beibringt, wie er Ihr Schema mit den spezifischen Befehlszeilentools Ihres Unternehmens sicher aktualisieren kann.