Kurzfazit: Für alle, die ihr Snake-Spiel aus dem Browser-Tutorial ohne Kopieren weiterbauen wollen: Claude Code läuft im Terminal, liest deine snake.html und schreibt Highscore, Level und neues Design direkt hinein. Installation und erste Session dauern 15 Minuten. Du brauchst mindestens Claude Pro für 20 USD im Monat, der kostenlose Plan enthält Claude Code nicht. Die ehrliche Grenze: Auch Pro hat ein Kontingent pro Fünf-Stunden-Fenster und zusätzlich wöchentliche Limits.
In Lektion 1 hast du Snake gebaut, copy-paste, Browser, kostenloser Account. Jetzt fällt das Kopieren weg. Claude Code läuft im Terminal und schreibt Dateien direkt auf deinem Rechner. Kein Copy-Paste, kein manuelles Einfügen, Claude Code öffnet deine Datei, macht die Änderung, fertig. Das ist der Unterschied zwischen einem Prototypen-Workflow und einem echten Entwicklungsworkflow.
Was das kostet
| Baustein | Preis | Ehrliche Grenze |
|---|---|---|
| Claude Free | 0 USD | Claude Code ist nicht enthalten |
| Claude Pro | 20 USD pro Monat, 17 USD pro Monat bei Jahreszahlung (200 USD im Voraus) | Kontingent pro Fünf-Stunden-Fenster plus wöchentliche Limits, keine feste Nachrichtenzahl |
| Claude Max | 100 USD pro Monat (Max 5x) oder 200 USD pro Monat (Max 20x) | nur monatlich buchbar, lohnt sich erst bei täglicher intensiver Nutzung |
| API-Schlüssel statt Abo | Abrechnung nach Verbrauch | keine feste Obergrenze, solange du selbst kein Kostenlimit setzt |
| GitHub Pages (Stufe 3) | 0 USD | im Free-Plan nur für öffentliche Repositories |
Quellen: claude.com/pricing, Anthropics Hilfeartikel zum Max-Plan und zum Pro-Plan, die Installationsanleitung von Claude Code und die GitHub-Dokumentation zu Pages, abgerufen am 17. September 2026. Für dieses Tutorial reicht Pro: Du schickst ein paar Prompts, keine Tausende. Alle Pläne, Limits und Datenschutz-Fakten zum Coding-Agenten stehen auf unserer Seite zu Claude Code.
Stufe 1: Anfänger, Installation und erste Session (15 Min.)
Bevor du installierst: die API-Key-Falle
Für Einsteiger ist das Abo die bessere Wahl als ein API-Schlüssel, weil du einen festen Betrag zahlst. Genau deshalb lohnt ein Blick auf eine Falle: Ist auf deinem Rechner die Umgebungsvariable ANTHROPIC_API_KEY gesetzt, etwa aus einem früheren Projekt, überspringt Claude Code laut Dokumentation zur Anmeldung den Login und fragt dich stattdessen, ob es diesen Schlüssel verwenden soll. Stimmst du zu, nutzt es den Schlüssel, auch wenn du ein Pro-Abo hast, und rechnet nach Verbrauch ab. Prüfe das jetzt:
echo $ANTHROPIC_API_KEYWenn der Befehl etwas ausgibt, entferne die Variable für die aktuelle Terminal-Session (unter macOS und Linux):
unset ANTHROPIC_API_KEYInstallation Schritt für Schritt
1. Claude Code installieren. Anthropic empfiehlt die native Installation, dafür brauchst du kein Node.js. Unter macOS und Linux im Terminal:
curl -fsSL https://claude.ai/install.sh | bashUnter Windows in der PowerShell, ohne Administratorrechte:
irm https://claude.ai/install.ps1 | iexBeide Befehle stammen aus der Installationsanleitung, abgerufen am 17. September 2026. Den älteren Weg über npm (npm install -g @anthropic-ai/claude-code) führt Anthropic dort nur noch unter den erweiterten Optionen, er braucht Node.js 22 oder neuer.
2. Erste Session starten:
claude3. Beim ersten Start öffnet sich ein Browserfenster, melde dich mit deinem Claude-Konto an, auf dem Pro oder Max gebucht ist.
4. Zurück im Terminal: Claude Code ist bereit. Du siehst ein Eingabefeld und kannst direkt loslegen.
Was du jetzt siehst: Dort schreibst du deine Nachrichten, Enter schickt sie ab. Claude Code antwortet direkt im Terminal, manchmal mit Text, manchmal mit der Ankündigung, welche Dateien es lesen oder ändern will. Mit /exit beendest du die Session.
Browser vs. Terminal im Vergleich
Akademie-Training Platz vormerkbar
KI-Agenten bauen, ohne Entwicklerin zu sein
1.200 € pro Platz, netto zzgl. USt. Fortgeschritten · 8 Wochen, online, im eigenen Tempo
Stufe 2: Fortgeschritten, Dein Snake-Spiel upgraden (20 Min.)
Vorbereitung
Bevor du Claude Code startest, richte deinen Projektordner ein:
- Erstelle einen Ordner, z.B.
snake-projekt - Verschiebe deine
snake.htmlaus Lektion 1 in diesen Ordner - Öffne das Terminal und navigiere in den Ordner:
cd ~/Desktop/snake-projekt - Starte Claude Code aus diesem Ordner heraus:
claude
Warum das Arbeitsverzeichnis wichtig ist: Claude Code liest und schreibt nur Dateien im aktuellen Verzeichnis und seinen Unterordnern. Wenn du Claude Code aus dem falschen Ordner startest, findet es deine snake.html nicht. Starte Claude Code immer aus dem Projektordner heraus.
Was Claude Code jetzt tut
Das ist der Moment, der den Unterschied macht: Claude Code liest die Datei, analysiert den Code, macht alle vier Änderungen und speichert die aktualisierte Version, ohne dass du auch nur eine Zeile kopieren musst. Öffne snake.html im Browser und du siehst sofort das Ergebnis.
Ob Claude Code vorher fragt, hängt vom Berechtigungsmodus ab. Auf Pro, Max und Team startet eine Terminal-Session laut Dokumentation zu den Berechtigungsmodi im Auto-Modus: Eine automatische Prüfung übernimmt die Freigaben, und Claude bearbeitet die meisten Dateien, ohne dich zu fragen. Im manuellen Modus hält Claude Code vor Dateiänderungen an und wartet auf deine Bestätigung. Die erste Session direkt nach der Installation kann im manuellen Modus starten. Leg deshalb vor diesem Prompt eine Kopie an, snake-backup.html, dann kannst du jederzeit zurück.
Wenn etwas nicht stimmt
Du beschreibst, was du siehst, nicht, was im Code falsch ist. Das ist der entscheidende Punkt: Claude Code liest die Datei und findet den Fehler selbst.
Claude Code öffnet snake.html erneut, findet die fehlerhafte Logik und korrigiert sie direkt. Kein Copy-Paste, kein manuelles Einfügen.
Stufe 3: Experte, Teilen und nächste Projekte (10 Min.)
Dein Spiel online stellen mit GitHub Pages
Dein upgegradetes Snake-Spiel verdient ein Publikum. GitHub Pages hostet es kostenlos:
- Erstelle einen kostenlosen Account auf github.com
- Lege ein neues Repository an: “New repository” → Name vergeben → Sichtbarkeit Public → “Create repository”. Im Free-Plan funktioniert Pages nur mit öffentlichen Repositories
- Lade
snake.htmlhoch: “Add file” → “Upload files” → Datei hochladen → “Commit changes” - Settings → Pages, unter “Build and deployment” bei Source die Option Deploy from a branch wählen, Branch
mainund Ordner/(root)setzen, dann Save. Die Bezeichnungen stammen aus der GitHub-Dokumentation - Nach wenigen Minuten ist dein Spiel online unter
https://[deinname].github.io/[reponame]/snake.html
Auch dabei kann dir Claude Code helfen. Starte claude im Projektordner und frag:
Erkläre mir Schritt für Schritt, wie ich meine snake.html auf GitHub Pages veröffentliche.
Was Claude Code noch kann
Das Snake-Projekt ist der Einstieg. Claude Code kann deutlich mehr:
- Neue Dateien anlegen, CSS, JavaScript, HTML, alles direkt in deinem Projektordner
- Mehrere Dateien gleichzeitig refactorn, z.B. Farben in allen HTML-Dateien auf einmal ändern
- Bugs in bestehendem Code finden, auch Code, den du nicht selbst geschrieben hast
- Einfache Web-Apps mit mehreren Seiten bauen, Startseite, Spielseite, Highscore-Seite
Von der Idee zum Online-Spiel
Nutzungslimits verstehen
Claude Pro verwendet ein rollierendes Fenster: Laut Anthropic-Hilfe setzt sich das Kontingent alle fünf Stunden zurück, dazu kommen bei bezahlten Plänen wöchentliche Limits. Eine feste Nachrichtenzahl nennt Anthropic nicht. Für ein Tutorial-Projekt wie dieses reicht das, du schickst ein paar Prompts, keine Tausende. Wenn du das Limit erreichst: warten, bis das Fenster abgelaufen ist und es sich zurücksetzt.
Häufige Fragen zu Claude Code
Funktioniert Claude Code auch auf Windows?
Ja, direkt in der PowerShell oder der Eingabeaufforderung, ohne Administratorrechte. Laut Installationsanleitung ist Git for Windows optional: Fehlt es, führt Claude Code Befehle über die PowerShell aus. WSL wird ebenfalls unterstützt. Einziger Unterschied für dieses Tutorial: Der Befehl unset ANTHROPIC_API_KEY gilt für macOS und Linux, in der PowerShell entfernst du die Variable mit Remove-Item Env:ANTHROPIC_API_KEY.
Brauche ich Programmierkenntnisse?
Nein, wie in Lektion 1, du beschreibst was du willst. Claude Code liest die Datei, versteht den Code und macht die Änderung. Du musst kein JavaScript verstehen, um dein Snake-Spiel zu verbessern.
Was passiert wenn Claude Code meine Datei kaputt macht?
Im Auto-Modus, dem Start-Modus auf Pro und Max, ändert Claude Code die meisten Dateien ohne Rückfrage. Im manuellen Modus fragt es vor Änderungen, und du kannst ablehnen. In beiden Fällen gilt: Leg vor wichtigen Änderungen eine Sicherungskopie an, snake-backup.html. Geht etwas schief, beschreib Claude Code, was nicht mehr funktioniert, oder kopiere die Sicherung zurück.
Kann ich Claude Code auch für andere Projekte als Spiele nutzen?
Ja, alles, was aus Textdateien besteht. Websites, Python-Skripte, Datenanalyse mit CSV-Dateien, einfache APIs. Das Prinzip ist dasselbe: du beschreibst, Claude Code liest, schreibt und speichert.
Lohnt sich das Pro-Abo für gelegentliche Nutzung?
Pro kostet 20 USD im Monat, bei Jahreszahlung 17 USD im Monat. Wenn du ein oder zwei Projekte im Monat baust, ist das der einfachste Weg, weil der Betrag fest ist. Weniger als das: Ein API-Schlüssel mit einem strikt gesetzten Kostenlimit ist eine Alternative, der Weg erfordert aber mehr Einrichtung.
Was ist der Unterschied zwischen Claude Pro und Claude Max?
Claude Max kostet 100 USD im Monat (Max 5x) oder 200 USD im Monat (Max 20x) und ist laut Anthropic nur monatlich buchbar. Das lohnt sich nur bei täglicher intensiver Nutzung, etwa wenn du Claude Code den ganzen Arbeitstag verwendest. Für Tutorial-Projekte und gelegentliche Nutzung reicht Pro.
Dein nächster Schritt
Du hast jetzt Claude Code installiert, verbunden und ein echtes Projekt damit gebaut. Der Unterschied zu Lektion 1 ist spürbar: keine Copy-Paste-Schleife, kein manuelles Einfügen, Claude Code schreibt direkt. Das ist der Workflow, mit dem professionelle Entwickler 2026 arbeiten.
Du hast kein Pro-Abo oder willst einen zweiten Agenten vergleichen? Im kostenlosen ChatGPT-Plan baust du mit Codex deine erste Haushaltsbuch-App. Und sollen deine Daten den Rechner gar nicht erst verlassen, zeigt Deine erste lokale KI mit LM Studio, wie ein Sprachmodell komplett offline auf deinem Mac oder PC läuft.
Soll dein nächstes lokales Projekt nicht nur auf deinem Rechner liegen, sondern dort dauerhaft laufen und antworten, baust du mit Deinem ersten Discord-Bot genau das: dasselbe Terminal, Node.js statt HTML, und am Ende ein Programm, das auf deinem Server auf einen Slash-Befehl reagiert. Der kostenlose Claude-Plan reicht dafür.
Der nächste Schritt: Claude Code ausprobieren, installieren, claude tippen, und deiner snake.html aus Lektion 1 sagen, was sie besser machen soll. Und wenn du wissen willst, wie viel hängengeblieben ist:
Wie gut kennst du Claude Code?
10 Fragen, von der Installation bis zu Nutzungslimits und GitHub Pages. Wer mindestens 8 richtig beantwortet, bekommt ein Zertifikat zum Teilen.