The Tangle: Claude Code im Praxistest

In den letzten Wochen habe ich Claude Code für ein Spielentwicklungsprojekt eingesetzt. Dieser Beitrag dokumentiert das Setup, den Workflow und meine Erfahrungen.

Das Projekt

„The Tangle“ ist ein episodisches Top-Down Stealth-Game in Godot. Cyberpunk-Setting, 60-Minuten-Episoden, HTML5-Export. Das fertige Ergebnis ist unter the-tangle.krm-pages.eu spielbar.

Ziel war es, den gesamten Entwicklungsprozess mit Claude Code zu begleiten – von der Konzeption über die Dokumentation bis zur Implementierung.

Setup: Docker-Container für Claude Code

Um Claude Code volle Systemrechte zu geben, ohne mein Hauptsystem zu gefährden, habe ich einen Docker-Container aufgesetzt. Das Dockerfile:

FROM ubuntu:latest
RUN set -x \
  && apt-get update \
  && apt-get install --no-install-recommends -y \
    ca-certificates \
    curl \
    openssh-client \
    git \
    screen \
    vim \
    tree \
    wget \
    python3 \
    python3-venv \
    libpq-dev \
    build-essential \
    python3-dev \
    libldap2-dev \
    libsasl2-dev \
    libssl-dev \
  && apt-get clean \
  && rm -rf /var/lib/apt/lists/* /tmp/* /var/tmp/*
WORKDIR /home/ubuntu/
USER ubuntu
RUN wget -qO- https://claude.ai/install.sh | bash

Der Container enthält alle Build-Tools, die Claude Code für verschiedene Aufgaben benötigen könnte. Die Installation erfolgt direkt über das offizielle Installationsskript.

MCP-Server: PixelLab für Grafiken

Ein Highlight des Setups war die Einbindung von PixelLab über einen MCP-Server. Dadurch konnte Claude Code nicht nur programmieren, sondern auch die Pixel-Art-Grafiken für das Spiel generieren. Charaktere, Tilesets, UI-Elemente – alles aus einer Hand.

Die MCP-Server-Integration ermöglicht Claude Code direkten Zugriff auf externe Tools und Dienste. Im Fall von PixelLab bedeutet das: Der Agent beschreibt, was er visuell braucht, generiert die Assets und bindet sie direkt ins Projekt ein.

Workflow

Der Entwicklungsprozess lief in drei Phasen ab:

Repository vorbereiten: GitHub-Projekt anlegen, grundlegende Projektstruktur definieren.
Konzeption mit Claude Code: Das gesamte Game Design Document, Episode-Inhalte, NPC-Beschreibungen und Dialog-Skelette wurden von Claude Code erstellt. Die MCP-Server-Integration ermöglicht dabei direkten Zugriff auf das Dateisystem – Claude Code kann bestehende Dokumente lesen und neue konsistent dazu erstellen.
Implementierung: Nach der Planungsphase habe ich Claude Code die Umsetzung überlassen. Der Agent arbeitet selbstständig, committet Änderungen und iteriert auf Basis der definierten Spezifikationen.

Der gesamte Zeitaufwand betrug drei Abende über mehrere Wochen.

Test-Driven Development mit KI

Ein entscheidender Erfolgsfaktor war der Einsatz von Test-Driven Development. Dabei habe ich nicht selbst Tests geschrieben, sondern Claude Code angewiesen, zuerst Tests zu generieren und dann die Implementierung darauf aufzubauen.

Der Ablauf: Claude Code erstellt Tests basierend auf den Anforderungen aus dem GDD, implementiert anschließend den Code und iteriert so lange, bis alle Tests grün sind. Die Tests fungieren als klare Erfolgskriterien – ohne diese Leitplanken wäre schwer zu beurteilen, ob der generierte Code die Anforderungen tatsächlich erfüllt.

Erfahrungen

Stärken: Die MCP-Server-Integration hat mich am meisten beeindruckt. Claude Code arbeitet kontextbewusst mit dem gesamten Projekt und hält Dokumente konsistent. Für Grobstruktur, Dokumentation und initiale Implementierung ist das Werkzeug sehr effektiv.

Schwächen: Detaillierte Anpassungen an spezifischen Stellen funktionieren weniger gut. Claude Code neigt dazu, größere Änderungen vorzuschlagen, wenn man eigentlich nur eine Zeile anpassen möchte. Hier ist manuelle Nacharbeit erforderlich.

Fazit

Claude Code hat sich als zuverlässiges Werkzeug für den gesamten Entwicklungsprozess erwiesen. Von der Konzeption über die Dokumentation bis zur Implementierung – der Agent arbeitet in jeder Phase effektiv. Die Zeitersparnis ist erheblich, besonders bei Strukturarbeit und Boilerplate.

Die einzige Einschränkung: Für sehr granulare Anpassungen an spezifischen Stellen ist manueller Eingriff oft schneller. Das ändert aber nichts daran, dass Claude Code den Workflow insgesamt deutlich beschleunigt.

Das Ergebnis – ein spielbarer Vertical Slice – ist unter the-tangle.krm-pages.eu zu finden.

Bis zum nächsten Mal,
Kerrim