Das kannst du danach
Du startest Claude Code in einem eigenen Ordner, lässt einen Highscore einbauen und kontrollierst Dateien sowie Spielverhalten.
Das übernimmt die KI
Claude Code verbindet ein Sprachmodell mit Zugriff auf Projektdateien und erlaubte Befehle. Es schlägt Code nicht nur im Chat vor, sondern kann die Änderung tatsächlich speichern.
Dein Werkzeug: Claude Code
Ein unterstützter Rechner, Terminal und ein Claude-Code-Zugang. Installiere nach der offiziellen Anleitung für dein Betriebssystem. Beginne mit einer Kopie eines kleinen HTML-Spiels, etwa aus der Browsergame-Lektion.
Werkzeug öffnen Offizielle Hilfe
Funktionen, Kontingente und Preise können sich ändern. Prüfe den Zugang direkt beim Anbieter.
Die Aufträge führst du im genannten Werkzeug aus. Die Klickübungen hier zeigen vorbereitete Beispiele und senden keine Daten an einen KI-Dienst.
KI-Funken
Dein erstes Ergebnis mit dem Werkzeug
Starte den Agenten im richtigen Ordner
Der Ordner begrenzt dein Arbeitsmaterial. Sichere den Ausgangsstand, bevor du Dateien bearbeiten lässt.
- Lege eine Kopie deines Spiels snake.html in einen eigenen Projektordner.
- Öffne das Terminal in diesem Ordner und starte „claude“. Melde dich mit dem vorgesehenen Zugang an.
- Lass zuerst erklären, welche Dateien vorhanden sind. Sende dann den Änderungsauftrag und prüfe angeforderte Rechte.
Lies snake.html in diesem Projekt. Ergänze einen lokalen Highscore, der nach einem Neuladen erhalten bleibt. Bewahre Steuerung und Spielregeln. Bearbeite die Datei direkt. Zeige anschließend, was du geändert hast und wie ich es im Browser prüfen kann. Keine Veröffentlichung.// Kurz prüfen
Was unterscheidet den Coding-Agenten vom reinen Textvorschlag?
Wähle eine Antwort.
Nicht ganz. Schau dir die andere Antwort noch einmal an. Der Dateizugriff macht die konkrete Umsetzung möglich.
Richtig. Der Dateizugriff macht die konkrete Umsetzung möglich.
KI-Werkstatt
Gezielt verbessern und weiterarbeiten
Verbessere das Spiel mit überprüfbaren Regeln
Ein Coding-Agent kann mehrere Wünsche umsetzen. Für den Einstieg ist eine einzeln prüfbare Änderung leichter zu beurteilen.
- Spiele eine Runde, lade neu und prüfe den Highscore.
- Lass danach eine Levelanzeige ergänzen: Nach fünf Punkten steigt das Level.
- Teste den Übergang von vier auf fünf Punkte und einen Neustart. Gib bei Fehlern Beobachtung und erwartetes Verhalten an.
Ergänze Level: Start bei 1, nach jeweils fünf Punkten steigt das Level um eins. Zeige es neben den Punkten. Bei einem neuen Spiel beginnt es wieder bei 1, der Highscore bleibt erhalten. Teste diese Übergänge und ändere sonst keine Spielregeln.// Vorher / Nachher
Was verändert die gezielte Korrektur?
Der Agent beschreibt, wie ein Highscore aussehen könnte.
Vorbereiteter Vergleich, keine Live-Ausgabe des Werkzeugs.
KI-Regie
Den Ablauf erweitern und selbst nutzen
Sichere eine funktionierende Fassung
Der Agent kann auch seine eigenen Änderungen prüfen. Deine Browserprobe bleibt wichtig, weil Spielgefühl und Bedienung sichtbar werden müssen.
- Lass die Änderungen zusammenfassen und bekannte Grenzen nennen.
- Speichere eine funktionierende Version getrennt von deinen Experimenten.
- Wenn du später teilen möchtest, prüfe Dateien, Rechte und Hosting gesondert. Ein lokaler Agentstart veröffentlicht nichts.
Prüfe die aktuelle Fassung auf Fehler beim Neustart, beim Highscore und beim Levelwechsel. Nenne ausgeführte Tests und nicht geprüfte Punkte getrennt. Erstelle eine kurze Startanleitung. Keine weiteren Funktionen und kein Deployment.// Kurz prüfen
Wie meldest du einen Fehler im Highscore?
Wähle eine Antwort.
Richtig. Beobachtung und Erwartung machen den Fehler reproduzierbar.
Nicht ganz. Schau dir die andere Antwort noch einmal an. Beobachtung und Erwartung machen den Fehler reproduzierbar.
Was ist hängen geblieben?
// Kurz prüfen
Wann ist die Erweiterung geprüft?
Wähle eine Antwort.
Richtig. Die Behauptung des Agenten ersetzt keine Prüfung des Ergebnisses.
Nicht ganz. Schau dir die andere Antwort noch einmal an. Die Behauptung des Agenten ersetzt keine Prüfung des Ergebnisses.
Dein eigener Versuch
Wende den Ablauf jetzt auf eine kleine eigene Aufgabe an. Prüfe das tatsächliche Ergebnis im Werkzeug anhand der Kriterien dieser Anleitung. Die vier Klickübungen bestätigen deinen Lernstand auf dieser Seite, nicht die erfolgreiche Ausführung im externen Dienst.