Vibe Coding

mit Claude Code — Eine Einführung für Einsteiger

Jonas Kari · RoxHealth · 2026

Was erwartet dich heute?

01 Was ist Vibe Coding?
02 Warum Vibe Coding?
03 Claude Code einrichten
04 Dein erster Schritt

Was ist
Vibe Coding?

Einmal klassisch — einmal Vibe

Klassisch: Code schreiben

lebenslauf.html

1<!DOCTYPE html>

2<html lang="de">

3 <head>

4 <meta charset="UTF-8">

5 <link rel="stylesheet" href="styles.css">

6 </head>

7 <body>

8 <header class="cv-header">

9 <h1 class="cv-name">Max Mustermann</h1>

10 <p class="cv-role">Product Manager</p>

11 </header>

12 <section class="cv-section">

13 <h2>Berufserfahrung</h2>

14 <div class="cv-entry">

15 <span class="date">2022–heute</span>

16 <p>Senior PM · RoxHealth</p>

17 </div>

18

19 </section>

20 </body>

21</html>

Vibe Coding: Einfach beschreiben

Terminal — claude

$ claude

✻ Claude Code · Pro

› Erstelle mir eine Lebenslauf-Webseite mit meinem Namen, Berufserfahrung und Kontaktdaten

✓ Lebenslauf-Seite erstellt

✓ Design & Layout fertig

Soll ich noch ein Foto-Feld oder ein Kontaktformular hinzufügen?

Vibe Coding vs. Klassisch

Klassisches Coding

Wochenlange Einarbeitung
Fehler mühsam suchen
Stundenlang googeln
Dokumentation lesen
Warten auf Entwickler

Vibe Coding ✨

Idee formulieren
Sofortiges Ergebnis
Nachfragen auf Deutsch
Iterativ verbessern
Fehler? Claude erklärt & behebt sie

Warum
Vibe Coding?

10× schneller von
Idee zu Ergebnis

10×

Was früher Tage bis Wochen dauerte → heute Stunden bis Minuten
Kein Warten auf Entwickler oder Agenturen
Idee zuerst bauen, dann erklären — nicht umgekehrt

Für alle — nicht nur Entwickler

Nicht nur Apps bauen — auch Skripte, Datenanalysen und Automatisierungen

📊 Product Manager — Dashboards, Reports & Auswertungs-Skripte selbst bauen
🏥 Ärzte & Forscher — CSV/Excel analysieren, Ergebnisse visualisieren
🚀 Gründer — MVPs und Prototypen ohne Tech-Team validieren
🏢 Operations — Workflows automatisieren, Tools bauen ohne IT-Ticket

⚠️ Grenzen kennen

Produktionskritische Systeme brauchen erfahrene Entwickler
KI macht Fehler — Ergebnisse immer prüfen und testen
Kein Ersatz für Architektur- oder Sicherheits-Expertise

Du bleibst
der Kapitän

Claude schlägt vor — du entscheidest
KI kennt deinen Kontext nicht von allein — du gibst ihn
Kritisches Denken ist deine stärkste Fähigkeit

🧭 KI ist dein Werkzeug, nicht dein Ersatz. Du gibst die Richtung vor.

Claude Code
einrichten

Schritt 1

Einladung annehmen

Du brauchst: MacBook (macOS 13+) · E-Mail-Einladung von Jonas · ~15 Minuten

Du erhältst eine E-Mail von Jonas mit deinem Claude Pro Zugang.

E-Mail öffnen → Einladungslink klicken
Claude.ai-Account erstellen (oder einloggen)
Claude Pro wird automatisch aktiviert

📧 Die Einladung kommt per E-Mail von Jonas Kari.
Du musst dich nicht selbst anmelden oder bezahlen.
Falls du heute noch keine E-Mail hast — sie kommt noch!

Schritt 2

Claude Code installieren

Terminal öffnen: Cmd ⌘ + Leertaste → "Terminal" eingeben → Enter

curl -fsSL https://claude.ai/install.sh | bash

Befehl einfügen → Enter drücken → warten bis die Installation abgeschlossen ist

✅ Dauert ca. 1–2 Minuten. Danach ist Claude Code installiert und bereit.

Schritt 3

Starten & Einloggen

Terminal öffnen und eingeben:

claude

Browser öffnet sich automatisch auf claude.ai
Mit deinem Claude.ai-Account einloggen
Einmalig bestätigen: "Claude Code darf zugreifen"
Zurück ins Terminal → Claude ist bereit ✅

🔐 Diese Anmeldung ist einmalig — beim nächsten Start geht es direkt los.

Schritt 4

Loslegen

Neuen Ordner anlegen, Claude darin starten und direkt loslegen:

mkdir mein-erstes-projekt
cd mein-erstes-projekt
claude

Dann einfach schreiben, was du möchtest:

> Erstelle eine einfache Webseite mit
  "Hallo Welt" und meinem Namen als Überschrift

💬 Schreib auf Deutsch. Sei konkret. Claude antwortet, erklärt und fragt nach.

Profi-Tipp · macOS

Screenshots direkt an Claude senden

Zeige Claude genau, was du siehst — kein Datei-Speichern nötig.

⌘+⌃+⇧+4

Bereich auswählen & direkt in Zwischenablage kopieren

→

⌘+V

Im Claude Code Terminal einfügen

→

✻

Claude sieht & analysiert dein Bild sofort

💡 Funktioniert mit Fehlermeldungen, Designs, Tabellen, App-Screenshots — alles was Claude sehen soll. Auch ⌘+⌃+⇧+3 für den ganzen Bildschirm.

Typische Anfängerfehler

⚠️

Free-Plan reicht nicht aus Claude Code benötigt Claude Pro oder höher. Der kostenlose Account hat keinen Zugang — Einladung abwarten.

⚠️

Browser öffnet sich nicht? Den angezeigten Link aus dem Terminal kopieren und manuell im Browser öffnen. Oder: claude --no-browser

Dein erster
Schritt

Ideen für dein erstes Projekt

🌐 Persönliche Webseite — Lebenslauf, Portfolio, Visitenkarte
📊 Daten analysieren — Excel-Datei auswerten, Ergebnisse visualisieren
🤖 Prozess automatisieren — E-Mail-Vorlage, Report-Generator, Notizen zusammenfassen
🎮 Etwas Spaßiges — Quiz, Mini-Game, Countdown-Timer
💡 Deine eigene Idee — Was nervt dich täglich bei der Arbeit?

Bereit loszulegen?

Die Einladung kommt per E-Mail 📧

✉️ E-Mail von Jonas abwarten — Einladungslink klicken
💻 Claude Code installieren — curl / PowerShell-Befehl
🚀 Erste Idee umsetzen — klein anfangen, sofort loslegen

Fragen? jonas@roxhealth.com