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. Enterprise-Teams können Antigravity verwenden, um Anwendungen zu erstellen und Daten zu analysieren. Nachdem Sie das Prototyping abgeschlossen haben, hängt Ihr Bereitstellungspfad von dem von Ihnen ausgewählten Tool ab. Sie können den Quellcode direkt bearbeiten oder in Ihre Vibe-Coding-Umgebung 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 Anwendung in Cloud Run bereitstellen.

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

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 Antigravity über die Desktopanwendung, die Befehlszeile oder bevorzugte Editoren (wie VS Code). Für Unternehmensnutzer ist Antigravity in Gemini Enterprise-Abos enthalten, die eine zentrale Verwaltung, Budgetobergrenzen und Sicherheit auf Unternehmensniveau bieten.

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.