Startseite

Vibe Coding eines Budget-Trackers in Excel mit Claude Code

Vibe Coding ist wie ein Gespräch mit Ihrem Computer – Sie beschreiben das Ergebnis, Claude Code baut es, Sie testen und verfeinern. Es ist keine Magie; es ist eine neue Art zu arbeiten, bei der Sie die Vision vorgeben und die KI die Tabellen-Mechanik übernimmt: Formeln, Formatierung und Diagramme. Dieses Tutorial führt Sie Schritt für Schritt durch den Aufbau eines echten Budget-Trackers mit mehreren Tabellenblättern – nur mit Anfragen in natürlicher Sprache.

Wichtige Konzepte

Was Sie benötigen

Schritt 1: Neues GitHub-Repository erstellen

Sie haben jetzt ein lokales Git-Repository und ein Backup auf GitHub.

Schritt 2: Das Projekt in VS Code öffnen

Schritt 3: Claude Code starten

claude

Claude Code läuft jetzt und ist bereit für Ihre Anfragen.

Schritt 4: Erster Vibe - Die Blätter Einnahmen und Ausgaben erstellen

Anstatt eine Tabelle Zelle für Zelle aufzubauen, beschreiben Sie einfach, was Sie möchten.

Erstelle eine Tabelle namens budget.xlsx mit zwei Tabellenblättern: „Einnahmen" und „Ausgaben". Einnahmen soll die Spalten Quelle, Monat und Betrag haben, mit 3 Beispiel-Einnahmequellen über 2 Monate. Ausgaben soll die Spalten Kategorie, Monat und Betrag haben, mit 6 Beispielkategorien (wie Miete, Lebensmittel, Transport, Nebenkosten, Freizeit, Sparen) über dieselben 2 Monate. Füge unten auf jedem Blatt eine Zeile „Summe" mit SUM-Formeln hinzu.

Speichern Sie Ihren Fortschritt: Bitten Sie Claude, mit Git zu committen, oder machen Sie dies selbst in GitHub Desktop:

Committe diese Änderungen.

Schritt 5: Zweiter Vibe - Ein Blatt Übersicht hinzufügen

Bevor Sie Diagramme erstellen, verknüpfen Sie die beiden Blätter miteinander.

Füge budget.xlsx ein drittes Tabellenblatt namens „Übersicht" hinzu. Es soll Gesamteinnahmen, Gesamtausgaben und Nettoersparnis (Einnahmen minus Ausgaben) anzeigen, jeweils berechnet mit Formeln, die sich auf die Blätter Einnahmen und Ausgaben beziehen – keine fest eingetragenen Zahlen.

Speichern Sie Ihren Fortschritt: Bitten Sie Claude, zu committen, oder verwenden Sie GitHub Desktop.

Schritt 6: Dritter Vibe - Diagramme hinzufügen

Zahlen sind nützlich, aber Diagramme erzählen die Geschichte auf einen Blick.

Füge dem Blatt Ausgaben ein Kreisdiagramm hinzu, das den Gesamtanteil jeder Kategorie an den Ausgaben zeigt. Füge dem Blatt Übersicht ein Balkendiagramm hinzu, das Gesamteinnahmen und Gesamtausgaben für jeden Monat vergleicht.

Schritt 7: Vierter Vibe - Kategorien über dem Budget hervorheben

Machen Sie Probleme auf einen Blick sichtbar, anstatt in den Zahlen danach zu suchen.

Füge auf dem Blatt Ausgaben eine bedingte Formatierung hinzu, sodass jede Ausgabe über $500 in einem einzelnen Monat rot hervorgehoben wird und alles unter $100 grün hervorgehoben wird.

Wenn etwas nicht richtig aussieht, kopieren Sie, was Sie sehen, und beschreiben Sie es Claude, damit es das Problem behebt.

Schritt 8: Fünfter Vibe - Eine Dropdown-Liste für Kategorien hinzufügen

Machen Sie das Blatt leichter erweiterbar, ohne dass sich Tippfehler einschleichen.

Füge der Spalte Kategorie im Blatt Ausgaben eine Datenüberprüfung hinzu, sodass sie nur Werte aus einer Dropdown-Liste der vorhandenen Kategorien sowie „Sonstiges" akzeptiert. Füge unten zwei leere Zeilen für neue Einträge hinzu.

Schritt 9: Überprüfen und Committen

Überprüfen Sie vor dem Committen, was Claude erstellt hat.

Diagramme, bedingte Formatierung und Kategorie-Dropdown zum Budget-Tracker hinzufügen

Sie haben eine vollständig funktionierende Version Ihres Budget-Trackers gespeichert!

Schritt 10: Iterieren und Verbessern

Vibe Coding glänzt beim Iterieren. Versuchen Sie, Funktionen hinzuzufügen, indem Sie sie beschreiben:

Beispielanfragen an Claude:

Nach jeder erfolgreichen Funktion:

Schlüsselprinzipien:

Jedes Mal folgen Sie dem Muster: beschreiben → Datei prüfen → iterieren → committen.

Nächste Schritte

Fehlerbehebung

Workflow-Überblick

Dieses Tutorial kombinierte mehrere Tools in einem Workflow:

Die Magie liegt nicht in einem einzelnen Tool – sondern darin, dass Sie mit Vibe Coding beschreiben können, was Sie möchten, und schnell iterieren. Sie sind von einem leeren Ordner zu einem funktionierenden Budget-Tracker voller Diagramme gekommen, ohne eine einzige Formel von Hand zu schreiben.

Täglicher Workflow

Nach dieser anfänglichen Einrichtung sieht Ihre tägliche Vibe-Coding-Routine so aus:

  1. Öffnen Sie VS Code - Öffnen Sie Ihren Projektordner
  2. Starten Sie Claude Code - Geben Sie claude im Terminal ein
  3. Beschreiben Sie Ihr Ziel - „Füge eine Funktion hinzu, die…” oder „Korrigiere die Zeile, in der…”
  4. Prüfen Sie die Datei - Öffnen Sie sie im Spreadsheet Viewer oder in Excel/LibreOffice
  5. Iterieren oder committen - Wenn etwas nicht stimmt, beschreiben Sie die Korrektur; wenn es funktioniert, committen Sie mit GitHub Desktop
  6. Pushen Sie regelmäßig - Klicken Sie auf Push origin, um auf GitHub zu sichern

Je mehr Sie üben, desto besser können Sie beschreiben, was Sie möchten. Vibe Coding ist eine Fähigkeit – Sie lernen, welche Beschreibungen am besten funktionieren und wie Sie große Tabellen-Ideen in testbare Teile zerlegen.

Erstellt von Steven Ge am 21. September 2026.