
Praxistipps — Das reicht zum Loslegen
Die Installation von Claude Code ist ein Einzeiler.
Oeffne ein Terminal (schwarzer Bildschirm) und fuege die folgende Zeile ein. Fertig.
An den Agenten: “curl -fsSL https://claude.ai/install.sh | bash”
Windows-Nutzer muessen zuerst WSL (Linux-Umgebung) installieren. Fuehre “wsl –install” in der PowerShell aus und starte neu.
Die 5 wichtigsten Schluesselwoerter beim Anweisen
- API — Ein Standard fuer die Kommunikation zwischen Programmen. “Erstelle eine API”
- Frontend — Die sichtbare Benutzeroberflaeche. “Erstelle eine Oberflaeche mit React”
- Datenbank (DB) — Wo Daten gespeichert werden. “Speichere es in der DB”
- Commit — Ein Speicherpunkt des aktuellen Zustands. “Mach einen Commit”
- Deployment — Ins Internet hochladen. “Deploye es”
Mit diesen fuenf Woertern kann man die Richtung vorgeben. Die KI versteht den Rest.
Das Gedaechtnis der KI wird mit 3 Dateien verwaltet
- CLAUDE.md — Projektregeln. Die KI liest diese Datei automatisch bei jedem Sitzungsstart. Hier schreibt man: “So arbeitet unser Team”
- Anforderungen.md — Protokoll deiner Entscheidungen. Geschaeftsentscheidungen wie “VIP-Rabatt 10%” mit Datum notieren
- Fortschritt.md — Wo man steht. Damit “Mach weiter” in einer neuen Sitzung funktioniert
Alle drei Dateien sind Markdown. Auch Menschen ohne Programmierkenntnisse koennen sie lesen und schreiben.
Tipps fuer Anweisungen
- Gib immer nur eine Aufgabe gleichzeitig. “Erstelle zuerst die Login-API” ist besser als “Erstelle Login, Registrierung und Dashboard auf einmal”
- Bei Fehlern erkennt und behebt Claude Code diese automatisch. Kein manuelles Kopieren noetig
- Ab 100 Dialogrunden sinkt die KI-Qualitaet. Starte eine neue Sitzung, aber aktualisiere vorher die 3 Dateien
Schnelleinstieg
Installiere Claude Code und fuehre dein erstes Gespraech. In 5 Minuten erledigt.
- Erstelle im Terminal einen Projektordner und starte Claude Code
An den Agenten: “mkdir -p ~/projects/my-first-app && cd ~/projects/my-first-app && claude”
Melde dich im Browser an (nur beim ersten Mal)
Starte das erste Gespraech
An den Agenten: “Erstelle in diesem Ordner einen Go Gin Server. Eine API auf Port 8080, die Hello, World zurueckgibt.”
Die KI erstellt Dateien, startet den Server und prueft alles. Oeffne http://localhost:8080 im Browser.
Warum man so anweisen muss
Du hast bereits ausprobiert, einer KI per Sprache Anweisungen zu geben und etwas zu erstellen. Die Oberflaeche erschien, Buttons funktionierten, Daten wurden gespeichert. Aber eine Frage blieb vermutlich:
“Kann ich das wirklich weiter ausbauen?”
Um diese Frage zu beantworten, muessen wir zuerst genau sehen, wo wir stehen. Welche Werkzeuge es gibt, welche Begriffe verwendet werden, mit welchem Muster wir arbeiten. Lektion 1 ist die Zeit, die Landkarte auszubreiten. Ab Lektion 2 bahnen wir Wege auf dieser Karte.
Die Landschaft der KI-Coding-Werkzeuge
Es gibt mehrere Tools, die auf Sprachanweisung Code schreiben. Sie lassen sich grob in zwei Kategorien einteilen.
Editor-basierte Tools — KI ist in den Code-Editor integriert.
| Tool | Merkmal |
|---|---|
| Cursor | KI-Editor basierend auf VS Code. Man sieht den Code und laesst die KI aendern |
| GitHub Copilot | VS Code/JetBrains-Plugin. Autovervollstaendigung und Chat |
| Windsurf | KI-Editor aehnlich wie Cursor |
Editor-basierte Tools sind optimiert fuer das Bearbeiten von Code beim Ansehen. Fuer Programmierer gut. Aber fuer Nicht-Programmierer sind die Codezeilen auf dem Bildschirm bedeutungslose Zeichen.
Terminal-Agenten — Die KI entscheidet und handelt selbststaendig im Terminal (schwarzer Bildschirm).
| Tool | Merkmal |
|---|---|
| Claude Code | Terminal-Agent von Anthropic. Nutzt Claude-Modelle |
| Codex CLI | Terminal-Agent von OpenAI. Nutzt GPT/o-Modelle |
Terminal-Agenten koennen nicht nur Code bearbeiten, sondern auch Befehle ausfuehren, Tests pruefen und Dateien erstellen — alles eigenstaendig. Wenn man sagt “Erstelle eine Oberflaeche”, erstellt die KI Dateien, startet den Server, behebt Fehler und prueft erneut. Diese autonome Verifikationsschleife ist der entscheidende Unterschied zu Editor-basierten Tools.
Warum Claude Code
Dieser Kurs verwendet Claude Code als Referenz.
Claude Code ist derzeit unter den Terminal-Agenten am besten darin, komplexe Multi-Datei-Aufgaben autonom zu bearbeiten. Tokens sind die Einheiten, in denen KI Text liest. 200K (200.000) entsprechen einem Roman, 1M (1 Million) fuenf Romanen. Claude Code unterstuetzt standardmaessig 200K Tokens, das Opus 4.6-Modell bis zu 1M Tokens — damit kann das gesamte Projekt auf einmal erfasst und mehrere Dateien gleichzeitig bearbeitet werden. Wenn man sagt “Erstelle diese Funktion”, findet die KI relevante Dateien, schreibt Code, fuehrt Tests aus und behebt Fehler in einer Schleife. Der Agentenmodus von Editoren wie Cursor versucht Aehnliches, aber bei der Dateiexploration und der Tiefe autonomer Entscheidungen sind Terminal-Agenten einen Schritt voraus.
Was ist mit Codex CLI? OpenAIs Terminal-Agent mit dem gleichen Konzept wie Claude Code. Das Programm selbst ist schnell erstellt, und es ist durch die ChatGPT-Mitgliedschaft leicht zugaenglich. Allerdings habe ich keine Produktionserfahrung damit, daher wird es in diesem Kurs nicht behandelt. Wer die Prinzipien von Claude Code versteht, kann sie auch auf Codex CLI anwenden. Die Tools sind verschieden, die Methodik ist die gleiche.
Claude Code installieren
Dieser Kurs basiert auf Ubuntu (oder WSL). Die meisten Befehle funktionieren auch fuer Mac-Nutzer.
Voraussetzungen
- Anthropic-Konto: Registrierung auf https://console.anthropic.com
- Abo-Plan: Waehle Claude Pro ($20/Monat), Max ($100/Monat oder $200/Monat). Max hat grosszuegigere Nutzungslimits
- Ubuntu oder WSL: Windows-Nutzer installieren zuerst WSL (Windows Subsystem for Linux)
Windows-Nutzer: WSL installieren
Oeffne Windows PowerShell als Administrator und fuehre aus:
wsl --install
Diese eine Zeile aktiviert WSL, laedt den Linux-Kernel herunter und installiert Ubuntu. Nach dem Neustart oeffnet sich Ubuntu automatisch und fragt nach Benutzername und Passwort. Gib einen kurzen Namen in Kleinbuchstaben ein.
Hinweis: Alle weiteren Arbeiten finden im Ubuntu-Terminal statt. Wenn du Claude Code in PowerShell oder CMD installierst, erscheint der Fehler “Windows is not supported”.
Methode 1: Native Installation (empfohlen)
Die einfachste Methode ohne Node.js.
curl -fsSL https://claude.ai/install.sh | bash
Nach der Installation pruefen:
claude --version
Wenn eine Versionsnummer erscheint, war es erfolgreich.
Methode 2: Installation ueber npm
Diese Methode ist fuer Personen mit Node.js-Erfahrung. Anfaenger nehmen Methode 1.
Wenn du bereits Node.js verwendest oder Versionsverwaltung brauchst.
Schritt 1 — Node.js installieren (mindestens Version 18)
# nvm (Node Version Manager) installieren
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.3/install.sh | bash
# Terminal neu starten oder ausfuehren
source ~/.bashrc
# Node.js LTS installieren
nvm install --lts
# Pruefen
node --version # v22.x.x oder hoeher ist OK
npm --version # 10.x.x oder hoeher ist OK
Schritt 2 — Claude Code installieren
npm install -g @anthropic-ai/claude-code
Hinweis: Verwende nicht
sudo npm install -g. Das verursacht Berechtigungs- und Sicherheitsprobleme.
Erster Start und Authentifizierung
# Zum Projektordner wechseln (erstellen falls noetig)
mkdir -p ~/projects/my-first-app
cd ~/projects/my-first-app
# Claude Code starten
claude
Beim ersten Start oeffnet sich der Browser zur Anthropic-Anmeldung. Nach der Anmeldung ist die Authentifizierung abgeschlossen und verbindet sich kuenftig automatisch.
WSL-Tipp: Lege Projekte immer im Linux-Dateisystem (
/home/Benutzername/) an. Auf der Windows-Seite (/mnt/c/) wird das Lesen extrem langsam.
Installations-Checkliste
- Gibt
claude --versioneine Versionsnummer aus - Zeigt
claudeeine Eingabeaufforderung an - Ist die Authentifizierung abgeschlossen (Browser-Anmeldung erfolgreich)
Schluesselwoerter — Das vollstaendige Woerterbuch
Auch ohne Code lesen zu koennen, braucht man minimale Schluesselwoerter, um die KI anzuleiten. Man muss nicht alle Programmierbegriffe lernen. Es reicht, die Richtung zeigen zu koennen.
Du musst nichts auswendig lernen. Die folgende Tabelle ist ein Nachschlagewerk. Lies sie einmal durch und komm zurueck, wenn die KI unbekannte Begriffe verwendet.
Backend — Der unsichtbare Motor
Das serverseitige Programm, das der Benutzer nicht sieht. Es empfaengt, verarbeitet, speichert und liefert Daten.
"Erstelle eine API mit Go Gin"
"Erstelle ein Backend mit FastAPI"
"Erstelle einen Node.js Express Server"
| Begriff | Bedeutung | Analogie |
|---|---|---|
| API | Standard fuer die Kommunikation zwischen Programmen | Bestellformular im Restaurant |
| Endpunkt | Adresse jeder API-Funktion | Einzelne Menuepunkte auf dem Bestellformular |
| Server | Programm, das 24/7 laeuft und Anfragen verarbeitet | Die Kueche |
| Go | Programmiersprache von Google. Schnell und einfach | — |
| Gin | Tool (Framework) zum Erstellen von APIs mit Go | — |
| FastAPI | Tool zum Erstellen von APIs mit Python. Leicht zu erlernen | — |
| Node.js | Umgebung zum Erstellen von Servern mit JavaScript | — |
Frontend — Die sichtbare Oberflaeche
Was der Benutzer sieht und anklickt. Laeuft im Browser.
"Erstelle eine Oberflaeche mit React"
"Erstelle eine Login-Seite"
"Zeige die Liste als Tabelle"
| Begriff | Bedeutung | Analogie |
|---|---|---|
| React | JavaScript-Tool zur Erstellung von Oberflaechen. Derzeit am weitesten verbreitet | — |
| Komponente | Oberflaechenstueck (Button, Eingabefeld, Liste etc.) | Legosteine |
| SPA | App, deren Inhalt sich ohne Seitenwechsel aendert. Wie ein Chat — die Seite laedt nicht neu, nur der Inhalt aendert sich | — |
| CSS | Sprache fuer das Aussehen (Farbe, Groesse, Layout) | Inneneinrichtung |
Datenbank — Der Speicher
Wo Daten dauerhaft gespeichert werden. Auch nach Serverausfall bleiben Daten erhalten.
"Erstelle eine PostgreSQL-Datenbank"
"Erstelle eine Benutzertabelle"
"Speichere es in der DB"
| Begriff | Bedeutung | Analogie |
|---|---|---|
| PostgreSQL | Die vertrauenswuerdigste Open-Source-Datenbank | Tresor |
| Tabelle | Daten in Zeilen und Spalten organisiert | Excel-Tabelle |
| DDL | Sprache zur Definition der Tabellenstruktur | Spaltenkoepfe in Excel setzen |
| CRUD | Create, Read, Update, Delete | Zeilen in Excel hinzufuegen/ansehen/aendern/loeschen |
| SQL | Sprache fuer Datenbank-Befehle | — |
Deployment — Der Welt praesentieren
Das Erstellte ins Internet bringen, damit andere darauf zugreifen koennen.
"Deploye es mit Docker"
"Lade es auf AWS hoch"
"Verbinde die Domain"
| Begriff | Bedeutung | Analogie |
|---|---|---|
| Docker | Tool, das Programme in eine Box packt, damit sie ueberall gleich laufen | Umzugscontainer |
| AWS | Cloud-Service von Amazon. Server, Speicher, Domains etc. | Mietgebaeude |
| Deployment (deploy) | Code auf einen Server hochladen und ausfuehren | Ladeneroeffnung |
| CI/CD | Pipeline, die bei Codeaenderungen automatisch testet und deployt | Automatisches Liefersystem |
Weitere haeufige Begriffe
| Begriff | Bedeutung | Analogie |
|---|---|---|
| Git | Tool zur Versionsverwaltung von Code. Speicherpunkte | Spielstand speichern |
| Commit | Den aktuellen Zustand speichern | Speichern druecken |
| GitHub | Service zum Speichern von Git-Repositories im Internet | Cloud-Speicherung |
| Terminal | Schwarzer Bildschirm, in dem man dem Computer Textbefehle gibt | Per SMS dem Assistenten Anweisungen geben |
| Verzeichnis/Ordner | Box zum Sortieren von Dateien | Schublade im Aktenschrank |
| JSON | Standardformat fuer Datenaustausch. { } mit Name:Wert-Paaren | Paketaufkleber-Format |
| Umgebungsvariable | Methode, Passwoerter oder Einstellungen ausserhalb des Codes aufzubewahren | Im Tresor aufbewahrter Schluessel |
Diese Begriffe muessen nicht auswendig gelernt werden. Wenn man der KI sagt “Du weisst schon, das Ding zum Speichern von Daten”, versteht sie es auch. Aber um die Antworten der KI zu verstehen, ist es gut, diese Begriffe zu kennen.
Jetzt, wo du die Schluesselwoerter kennst, ist die naechste Frage: Muss man der KI jedes Mal alles erklaeren? Erinnert sich die KI an fruehere Arbeit, wenn das Projekt waechst? Hier kommt das Kontextmanagement ins Spiel.
Kontextmanagement — Das Gedaechtnis der KI steuern
Wenn man fragt, was fuer KI am wichtigsten ist, nennen die meisten “ein kluges Modell”. Falsch. Kontext ist es.
Kontext sind alle Informationen, die die KI gerade im Gedaechtnis hat. Was du gesagt hast, was die KI gesagt hat, Projektdateien, Regeln — all das ist Kontext. Das Problem: Dieses Gedaechtnis hat Grenzen.
KI vergisst
Bei langen Gespraechen vergisst die KI fruehere Aussagen. Wenn du sagst “Kennst du die Login-Funktion von vorhin” und sie antwortet “Welche Login-Funktion?”, dann ist der Kontext verschwunden.
Eine neue Sitzung ist ein voelliges Blanko. Das naechtliche Gespraech von gestern ist verflogen. Darum funktioniert “Mach weiter” nicht.
Was tun also? Das Gedaechtnis in Dateien auslagern.
CLAUDE.md — Die Verfassung des Projekts
CLAUDE.md ist eine besondere Datei im Projektordner. Claude Code liest diese Datei automatisch bei jedem Sitzungsstart. Ohne dass du jedes Mal erklaerst, kennt die KI die Projektregeln von Anfang an.
Stell dir ein Briefing-Dokument fuer ein neues Teammitglied am ersten Tag vor. “So arbeitet unser Team, das darf man nicht, Wichtiges findest du hier.”
Hier ein Beispiel fuer den Inhalt einer CLAUDE.md. Es wird nicht ausgefuehrt — es wird in die Datei geschrieben und die KI liest es jedes Mal.
# CLAUDE.md
## Projektuebersicht
To-Do-Listen-App. Go Gin Backend + React Frontend + SQLite.
## Befehle
- `go run main.go` — Server starten (Port 8080)
- `cd frontend && npm run dev` — Frontend starten
## Regeln
- API-Antworten immer als JSON
- Fehlermeldungen auf Deutsch
- Bei neuen Features pruefen, dass bestehende Features nicht kaputtgehen
## Struktur
- `main.go` — Server-Einstiegspunkt
- `internal/handler/` — API-Handler
- `internal/model/` — Datenmodelle
- `frontend/src/pages/` — Oberflaechendateien
Die wichtigste Eigenschaft dieser Datei: Auch Menschen ohne Programmierkenntnisse koennen sie lesen und schreiben. Markdown ist ein einfaches Schreibformat, das mit # Ueberschriften und - Listen erstellt. Der Inhalt ist natuerliche Sprache.
Anforderungen.md — Protokoll der Entscheidungen
Du hast der KI gesagt “Zeige das Dashboard nach dem Login” und die KI hat es umgesetzt. Eine Woche spaeter sagst du “Aendere die Startseite nach dem Login zur Einstellungsseite” — die KI weiss nicht, was die urspruengliche Entscheidung war. Du hast es vielleicht auch vergessen.
Halte Entscheidungen in einer Datei fest.
# Anforderungen.md
## Authentifizierung
- Nur Naver-OAuth-Login unterstuetzt
- Nach erfolgreichem Login zum Dashboard weiterleiten (Entscheidung 2026-05-20)
- Keine Passwort-Wiederherstellung (wegen OAuth)
## To-Do-Verwaltung
- To-Dos haben Titel, Inhalt, Faelligkeit, Prioritaet
- Erledigte To-Dos nicht loeschen, sondern als erledigt markieren (Entscheidung 2026-05-21)
- Prioritaet in 3 Stufen: Hoch/Normal/Niedrig (Entscheidung 2026-05-21)
Das Datum ist wichtig, um spaeter nachverfolgen zu koennen: “Warum haben wir das so gemacht?”
Fortschritt.md — Aktuelle Position
# Fortschritt.md
## Erledigt
- [x] Projekt-Setup
- [x] Benutzertabelle erstellt
- [x] Login-API
- [x] To-Do CRUD API
## In Arbeit
- [ ] Frontend To-Do-Listenseite
## Geplant
- [ ] Prioritaetsfilter
- [ ] Faelligkeitserinnerungen
Wenn du der KI sagst “Mach weiter” und diese Datei existiert, weiss sie genau, wo du stehst.
Warum Dateien
Der Schluessel fuer Nicht-Programmierer, die KI in Langzeitprojekten zu steuern, liegt hier. Code kann man nicht lesen, aber Dokumente schon. CLAUDE.md oeffnen und pruefen “Stimmt diese Regel?”, Anforderungen.md um neue Entscheidungen ergaenzen, den Fortschritt.md ueberpruefen.
Ueberlass das Gedaechtnis der KI nicht der KI. Lagere es in Dateien aus und behalte es in der Hand.
Vibe-Coding-Muster
Vibe Coding wurde von Andrej Karpathy gepraeigt. Man codiert nach Gefuehl (Vibe). Man liest keinen Code. Man klickt und tippt auf der Oberflaeche. Bei Fehlern kopiert man die Fehlermeldung und gibt sie der KI. (Claude Code automatisiert diesen Prozess — es erkennt Fehler und versucht die Korrektur selbststaendig.)
Was du bereits tust, ist Vibe Coding. Systematisch zusammengefasst:
Grundablauf
Idee → KI anweisen → Ergebnis pruefen → Aenderung anfordern → Wiederholen
Ein echtes Gespraech sieht so aus:
Schritt 1: Datenstruktur zuerst
"Schau dir diese Excel-Datei an. Entwirf eine DB-Tabelle fuer diese Daten."
Die KI schlaegt eine Tabellenstruktur vor. “Diese Spalte brauch ich nicht”, “Das Datumsformat soll so sein” — Korrekturen anweisen.
Schritt 2: API erstellen
"Erstelle eine CRUD-API fuer diese Tabelle."
Die API entsteht. Funktionen zum Speichern und Abfragen. Zu diesem Zeitpunkt gibt es noch keine Oberflaeche. Aber die KI testet direkt im Terminal.
Schritt 3: Oberflaeche erstellen
"Erstelle eine React-Oberflaeche, die diese API aufruft. Liste, Hinzufuegen, Bearbeiten, Loeschen sollen moeglich sein."
Im Browser pruefen. Eine Liste erscheint, ein Hinzufuegen-Button ist da, Eingaben werden gespeichert.
Schritt 4: Features hinzufuegen
"Fuege eine Suchfunktion hinzu."
"Fuege einen Filter-Button fuer erledigte Eintraege hinzu."
"Sortiere nach Prioritaet."
Bis hierhin ist die goldene Phase des Vibe Codings. Bis 3 Features laeuft es magisch schnell.
Wie man prueft
Da man keinen Code liest, gibt es nur einen Weg: Selbst ausprobieren.
- Oberflaeche im Browser oeffnen und klicken
- Daten eingeben und pruefen, ob sie gespeichert werden
- In der Liste erneut abfragen
- Bearbeiten und loeschen testen
Bei Fehlern? Claude Code erkennt Fehler automatisch und versucht sie zu beheben. Kein manuelles Kopieren noetig.
Die KI repariert es selbst.
Die Grenzen dieses Musters
Vibe Coding ist erstaunlich schnell. Aber ab 5 Features passieren seltsame Dinge. Ein neues Feature bricht bestehende Funktionen. Die KI repariert es, und anderswo geht etwas kaputt. Das Whac-A-Mole-Spiel beginnt.
Warum? Die Antwort kommt in Lektion 2. Jetzt reicht es zu wissen, dass dieses Muster funktioniert — und dass es Grenzen hat.
Claude Code Praxisguide
Installiert — jetzt ausprobieren. Die grundlegende Bedienung erlernen.
Starten und Beenden
# Im Projektordner starten
cd ~/projects/my-first-app
claude
# Innerhalb von Claude Code kommunizieren
# Zum Beenden:
/exit
Grundlegende Kommunikation
In Claude Code einfach in natuerlicher Sprache sprechen.
> Erstelle in diesem Ordner einen Go Gin Server. Eine API auf Port 8080, die "Hello, World" zurueckgibt.
Die KI erstellt Dateien, installiert noetige Pakete und schreibt Code. Zwischendurch fragt sie “Darf ich diese Datei erstellen?”, “Darf ich diesen Befehl ausfuehren?”. Bei Genehmigung geht es weiter.
Nuetzliche Befehle
In Claude Code kann man Befehle mit Schraegstrich (/) verwenden.
| Befehl | Funktion |
|---|---|
/exit | Claude Code beenden |
/clear | Gespraechsverlauf zuruecksetzen (Kontext-Reset) |
/compact | Gespraech zusammenfassen und Kontext sparen |
/help | Hilfe |
Kommunikationstipps
Immer nur eine Aufgabe gleichzeitig. “Erstelle zuerst die Login-API” liefert bessere Ergebnisse als “Erstelle Login, Registrierung und Dashboard zusammen”.
Konkret anweisen. “Zeige dem Benutzer bei Fehlern eine rote Nachricht” ist besser als “Mach es besser”.
Claude Code behebt Fehler automatisch. Bei Fehlern erkennt und behebt Claude Code diese selbststaendig. Kein manuelles Kopieren noetig.
Zwischendurch pruefen. Alle 2-3 Schritte im Browser pruefen ist sicherer als 10 Dinge auf einmal anzuweisen und erst am Ende zu pruefen.
Bei langem Kontext neu starten. Ab 100 Dialogrunden sinkt die Antwortqualitaet. Mit
/clearzuruecksetzen oder Claude in einem neuen Terminal starten.
Uebung: To-Do-Listen-App erstellen
Genug Theorie. Jetzt selbst machen.
Ziel
In einer Claude-Code-Sitzung eine To-Do-Listen-App erstellen und 3 Features hinzufuegen. Gesamtdauer 30-60 Minuten.
Voraussetzungen
Vor der Uebung muessen folgende Programme installiert sein. Falls nicht, einfach Claude Code bitten.
- Go installiert: Sage Claude Code
"Installiere Go" - Node.js installiert: Sage Claude Code
"Installiere Node.js LTS" - Claude Code laeuft: Funktioniert
claude --version?
Tipp: Keine Panik, wenn waehrend der Installation etwas Unbekanntes auftaucht. Frage Claude Code “Wie mache ich das?” und es erledigt sich.
Vorbereitung
# Projektordner erstellen
mkdir -p ~/projects/todo-app
cd ~/projects/todo-app
# Claude Code starten
claude
Schritt 1: Basis-App erstellen
Gib in Claude Code Folgendes ein:
Erstelle eine To-Do-Listen-Web-App.
Tech-Stack:
- Backend: Go + Gin
- Frontend: React
- Datenbank: SQLite (Datei-DB, ohne Installation nutzbar)
Features:
- To-Do hinzufuegen (Titel, Inhalt)
- To-Do-Liste anzeigen
- To-Do als erledigt markieren
- To-Do loeschen
Frontend einfach halten. Alles auf einer Seite sichtbar.
Backend-Server soll auch die Oberflaeche ausliefern.
Die KI beginnt zu arbeiten. Dateierstellung, Paketinstallation, Code schreiben — alles autonom. Genehmigungsabfragen akzeptieren.
Nach Abschluss den Server starten und im Browser pruefen.
Starte den Server und gib mir die Zugriffsadresse.
Oeffne http://localhost:8080 im Browser. To-Dos hinzufuegen, als erledigt markieren und loeschen ausprobieren.
Schritt 2: Feature hinzufuegen — Prioritaet
Fuege To-Dos eine Prioritaet hinzu. 3 Stufen: Hoch/Normal/Niedrig.
- Beim Hinzufuegen Prioritaet waehlbar
- In der Liste Prioritaet sichtbar
- Hoch = rot, Normal = blau, Niedrig = grau
Im Browser pruefen. Ein To-Do mit Prioritaet hinzufuegen.
Schritt 3: Feature hinzufuegen — Faelligkeitsdatum
Fuege To-Dos ein Faelligkeitsdatum hinzu.
- Beim Hinzufuegen Datum aus Kalender waehlen
- In der Liste Faelligkeit sichtbar
- Ueberfaellige To-Dos mit rotem Hintergrund hervorheben
Im Browser pruefen. Ein To-Do mit gestriger Faelligkeit sollte rot hervorgehoben sein.
Schritt 4: Feature hinzufuegen — Suche
Fuege eine Suchfunktion fuer To-Dos hinzu.
- Suchfeld ueber der Liste
- Filtert To-Dos, deren Titel oder Inhalt den Suchbegriff enthalten
- Echtzeit-Filterung beim Tippen
Im Browser pruefen. Mehrere To-Dos hinzufuegen und Suchbegriff eingeben.
Schritt 5: CLAUDE.md erstellen
Den aktuellen Projektzustand dokumentieren.
Erstelle die CLAUDE.md-Datei fuer dieses Projekt. Enthalte Projektuebersicht, Startbefehle, Verzeichnisstruktur und Feature-Liste.
Die generierte CLAUDE.md oeffnen und lesen. Beim naechsten “Mach weiter” in einer neuen Sitzung wird diese Datei zum Gedaechtnis der KI.
Schritt 6: Anforderungen.md erstellen
Selbst erstellen. Nicht die KI bitten — einen Texteditor oeffnen und Folgendes eintragen.
Editor-Hinweis (WSL-Nutzer):
- Direkt im Terminal bearbeiten:
nano Anforderungen.md(Speichern: Ctrl+O → Enter, Beenden: Ctrl+X)- Mit VS Code bearbeiten:
code Anforderungen.md(VS Code verbindet sich automatisch mit WSL)
# Anforderungen.md
## To-Do-Verwaltung
- To-Dos haben Titel, Inhalt, Prioritaet (Hoch/Normal/Niedrig) und Faelligkeit
- Erledigte To-Dos nicht loeschen, sondern als erledigt markieren
- Ueberfaellige To-Dos mit rotem Hintergrund hervorheben
## Suche
- Suche in Titel und Inhalt
- Echtzeit-Filterung
## Technik
- Datenbank ist SQLite-Datei-DB
- Backend liefert auch das Frontend aus
Diese Datei hast du geschrieben, nicht die KI. Das ist wichtig. Du triffst die Entscheidungen und protokollierst sie.
Zusammenfassung Lektion 1
Was in dieser Lektion behandelt wurde:
- Tool-Landschaft: Editor-basiert (Cursor, Copilot) und Terminal-Agenten (Claude Code, Codex CLI)
- Claude Code: Autonome Verifikationsschleife, grosser Kontext, Multi-Datei-Bearbeitung — derzeit der leistungsfaehigste Terminal-Agent
- Installation:
curl -fsSL https://claude.ai/install.sh | bash— ein Einzeiler genuegt - Schluesselwoerter: Backend, Frontend, DB, Deployment — nur genug kennen, um die Richtung zu zeigen
- Kontextmanagement: CLAUDE.md (Regeln), Anforderungen.md (Entscheidungen), Fortschritt.md (Status) lagern das KI-Gedaechtnis aus
- Vibe-Coding-Muster: Excel → DB-Design → API → Oberflaeche → Features. 3 Features = Magie, ab 5 = Risse
Vorschau naechste Lektion: “Warum es bei 5 Features zusammenbricht.” Wir fuegen der App aus Lektion 1 nacheinander 5 Features hinzu. Etwa beim dritten bricht eine bestehende Funktion — das erlebst du direkt. Dann analysieren wir die Ursache strukturell.
Aufgabe
Nach Abschluss der Uebung aus Lektion 1 folgendes zusaetzlich probieren:
2 weitere Features hinzufuegen: Egal was. Kategorien, Dark Mode, Sortierung etc. Beobachte, bis wohin es reibungslos laeuft und ab wann es seltsam wird.
CLAUDE.md verfeinern: Die von der KI erstellte CLAUDE.md oeffnen und lesen. Gibt es unverstaendliche Teile? Fehlen Informationen? Selbst bearbeiten.
In neuer Sitzung fortsetzen: Claude Code beenden und neu starten. “Fuehre die laufende Funktion fort” sagen. Den Unterschied mit und ohne CLAUDE.md beobachten.
Reins Engineering Gesamtkurs
| Lektion | Titel |
|---|---|
| Lektion 1 | Wie man KI anleitet |
| Lektion 2 | Warum man KI nicht trauen kann |
| Lektion 3 | Apps die nicht kaputtgehen |
| Lektion 4 | Entscheidungen aus dem Code heraus |
| Lektion 5 | KI mit Zuegeln |
| Lektion 6 | Bestanden heisst gesperrt |
| Lektion 7 | Schmeichelei umkehren |
| Lektion 8 | Die Fabrik des Agenten |
| Lektion 9 | Automatisierung jenseits des Codes |
| Lektion 10 | Das Gesetz der Daten |