Vier Prompts. Eine fertige Web-App – auch auf dem Handy. So kurz lässt sich diese kleine Demonstration zusammenfassen.
Ich wollte zeigen, was Claude Code – der KI-Agent direkt in VSCode – in der Praxis leistet. Als Beispielprojekt: ein klassisches Tic-Tac-Toe-Spiel.
Ein Prompt. Fertig.
Nach der ersten Eingabe war das Spiel vollständig spielbereit:
- Zwei-Spieler-Modus mit kompletter Spiellogik
- Punktestand für X, O und Unentschieden
- Hervorhebung der Gewinnkombination
- Automatischer Countdown zum nächsten Spiel
- Persistenter Punktestand via localStorage
Kein Nachbessern, kein Debuggen – der Code lief beim ersten Versuch.
Prompt zwei und drei: das Feuerwerk
Mit einem zweiten Prompt kam die Feuerwerk-Animation hinzu, die beim Sieg abgefeuert wird. Ein dritter Prompt verfeinerte sie leicht.
Prompt vier: Mobile-Optimierung
„Das Spiel funktioniert am iPhone nicht richtig. Die drei Boxen sind zu groß und verschwinden teilweise außerhalb des Bildschirms. Beim Zoomen wird das Layout komplett zerrissen. Das Feuerwerk findet hauptsächlich außerhalb des Bildschirms statt. Korrigiere die App entsprechend.”
Claude Code hat daraufhin das Layout auf responsive Einheiten umgestellt, die Score-Anzeige mobilfreundlich gemacht und die Feuerwerk-Engine so angepasst, dass Explosionen immer im sichtbaren Bereich stattfinden – egal wie groß der Bildschirm ist.
Was das zeigt
Claude Code arbeitet nicht als Autocomplete, sondern als Agent: Er analysiert das Projekt, plant die Umsetzung, schreibt mehrere Dateien gleichzeitig und gibt kurze Rückmeldungen. Vier Prompts vom leeren Ordner zur mobil-optimierten App.
Das Spiel ist live: grutscha.de/tic-tac-toe