Eine index.html, eine CSS-Datei und rund 3.000 Zeilen Vanilla JavaScript. Kein Framework, kein Build-Tool, kein npm. Das Ergebnis: ein vollständiges Echtzeit-Strategiespiel, spielbar im Browser. Entwickelt im Dialog mit Claude Code.
Das klingt nach Spielerei. Ist es auch – im besten Sinne. Denn hinter dem Projekt steckt eine ernsthafte Frage: Wie weit kommt man heute mit klarer Architektur, strukturiertem Denken und KI-Unterstützung, wenn man bewusst auf den üblichen Tooling-Overhead verzichtet?
Die Idee: Komplexität ohne Komplexitätstreiber
Das Spiel – Zeitalter der Siedler – verbindet Elemente, die man aus verschiedenen Genres kennt: die wirtschaftliche Tiefe von Die Siedler, das militärische Tempo von Age of Empires und die strategische Perspektive von Civilization VI. Reduziert auf das Wesentliche und umgesetzt als Single-Page-Applikation.
Das bedeutet: Alles läuft clientseitig. Kein Server, keine API, keine externe Abhängigkeit. Der gesamte Zustand lebt im Browser.
Was technisch drin steckt
Die Feature-Liste liest sich wie ein mittelgroßes Softwareprojekt:
- Prozedural generierte Hex-Grid-Karten – jede Partie ist anders, Terrain und Ressourcen werden algorithmisch verteilt.
- Sechs Epochen von der Stammeszeit bis zum Imperialzeitalter, mit jeweils eigenen Gebäuden, Einheiten und Technologien.
- Wirtschaftssystem mit echten Transportwegen – Holzfäller schlagen Holz, Bauern bewirtschaften Felder, Händler transportieren Waren. Nichts teleportiert sich.
- Dynamische Welt – Ressourcen regenerieren sich, Wälder wachsen nach, Fischbestände erholen sich.
- KI-Gegner mit eigenem Ressourcenfluss, eigener Baustrategie und militärischer Entscheidungslogik.
- Prozeduraler Sound über die Web Audio API – keine Audiodateien, alle Effekte werden in Echtzeit erzeugt.
- Autosave, Minimap und vollständiges UI – alles im Browser, alles ohne externe Libraries.
Der Entwicklungsprozess
Das Projekt ist im Dialog mit Claude Code entstanden. Nicht im Sinne von „die KI hat den Code geschrieben“, sondern als strukturierter Entwicklungsprozess: Architekturentscheidungen diskutieren, Module entwerfen, implementieren, testen, iterieren.
Der entscheidende Punkt: Die KI ersetzt nicht das Denken über Architektur. Sie beschleunigt die Umsetzung – aber nur, wenn die Vorgaben klar sind. Wer vage Anforderungen stellt, bekommt vagen Code. Wer eine saubere Struktur vorgibt, bekommt saubere Implementierungen.
Klare Architektur ist keine Voraussetzung für KI-gestützte Entwicklung. Sie ist die Voraussetzung dafür, dass das Ergebnis brauchbar ist.
Was das für unsere Arbeit bedeutet
Dieses Projekt ist kein Produkt, das wir verkaufen. Es ist ein Beleg für etwas, das sich in unserer täglichen Arbeit bestätigt: Die Grenze zwischen Idee und Umsetzung hat sich verschoben.
Vor fünf Jahren hätte ein Projekt mit diesem Funktionsumfang ein kleines Team über Wochen beschäftigt – allein für die Basisarchitektur. Heute lässt sich ein funktionierendes System in einem Bruchteil der Zeit aufbauen, wenn zwei Bedingungen erfüllt sind:
- Klare Architektur – wer die Struktur versteht, kann sie schnell umsetzen. Mit oder ohne KI.
- Strukturiertes Vorgehen – KI-Tools sind Multiplikatoren, keine Autopiloten. Sie verstärken die Qualität der Eingabe.
Dabei geht es nicht um Spiele. Es geht darum, dass die gleichen Prinzipien für jedes komplexe Echtzeit-System gelten: Dashboards mit Live-Daten, Steuerungssysteme, Monitoring-Anwendungen, interaktive Konfiguratoren. Saubere Architektur skaliert – auch ohne Framework-Overhead.
Selbst ausprobieren
Das Spiel ist spielbar. Direkt im Browser, ohne Installation:
Ähnlich komplexes Projekt geplant?
Ob Echtzeit-Dashboard, interaktive Anwendung oder KI-gestützter Prozess – wir bringen Struktur und Umsetzungsstärke zusammen.