MeCell Maps mit Claude Code wiederbeleben
Letztes Jahr schrieb ich darüber, MeCell gemeinfrei zu stellen und dieses Kapitel abzuschließen. Die Illustration war erhalten, aber die interaktive Google-Maps-artige Website war seit Jahren tot. Symfony 3.2 End-of-Life. PHP 5.5.9. Hartcodierte Zugangsdaten. Ein vollständiger LAMP-Stack erforderlich, um das zu betreiben, was im Grunde eine statische Visualisierung war.
Ich nahm an, es wäre verloren.
Dann, an einem Abend mit Claude Code, war es das nicht mehr.
Was passiert ist
Ich habe Claude Code auf das alte Repository gerichtet und gebeten, einen Refactoring-Plan durchzudenken. Was folgte, war wirklich überraschend: 44 Commits, eine vollständige Architekturmigration von einem PHP/MySQL-Backend zu einem modernen Static-First-Stack, 276 geschriebene Tests und ein funktionierender Prototyp, der auf mecellmaps.mxschons.com deployt wurde.
Die ursprüngliche Codebasis umfasste etwa 65.000 Zeilen Legacy-PHP- und Twig-Templates. Die neue Version besteht aus rund 12.700 Zeilen Vanilla-JavaScript mit OpenLayers 8, Offline-PWA-Unterstützung und Barrierefreiheitsfunktionen, die die 2016er-Version nie hatte.
Ich habe insgesamt vielleicht 10-15 Prompts gegeben. Der Rest war autonome Ausführung gegen einen Plan, den Claude Code selbst generiert hatte.
Warum mir das wichtig ist
Ich habe über 1.000 Stunden damit verbracht, diese Zellkarte während des Medizinstudiums zu erstellen. Zuzusehen, wie sie unzugänglich wurde, fühlte sich an wie ein Verlust. Ein monatelanges Refactoring wäre neben der eigentlichen Arbeit nie passiert.
Ein Abend schon.
Es hat etwas Poetisches, tagsüber an der Risikominimierung von KI zu arbeiten und dann abends einem KI-Agenten dabei zuzusehen, wie er ein Herzensprojekt wiederbelebt. Die Fähigkeit schneidet in beide Richtungen, und ich denke, wir müssen beide Wahrheiten aushalten: Diese Technologie ist mächtig, sie kann wunderbare Dinge tun, und genau deshalb ist es so wichtig, sie richtig zu gestalten.
Ausprobieren
Erkunde die interaktive Zellkarte auf mecellmaps.mxschons.com. Alle 537 Strukturen, 10 Stoffwechselwege, Wikipedia-Integration und eine geführte Tour.
Die Illustration selbst bleibt gemeinfrei auf Wikimedia Commons.
Anhang: Technische Migration
| 2016 | 2025 | |
|---|---|---|
| Backend | Symfony 3.2 + PHP 5.5.9 | Keins (Static-First) |
| Datenbank | MySQL 5.7 + Doctrine ORM | Statische JSON-Dateien |
| Frontend | jQuery + Bootstrap 3 + OpenLayers 3 | Vanilla ES2022+ + OpenLayers 8 |
| Build | Assetic + Bower | Vite 5 |
| Tests | Keine | 276 (Vitest + Playwright) |
Claude Code: 44 Commits, 1.388.451 Zeilen hinzugefügt, 3.682 entfernt.