Guide · Workflows & Automation
Dein Unternehmen als 3D-Welt mit Claude Code
Deine Firma als Karte wie ein Spiel: Daten vorbereiten, Welt bauen lassen, Aktionen wie Termine einbauen.
- 1 Datei
- läuft im Browser, ohne eigenen Server
- Deine Daten
- aus Excel, CSV oder dem CRM
- Du
- gibst frei, bevor etwas rausgeht
Worum es geht. Statt Tabellen und Listen siehst du deine Firma als kleine Stadt. Jedes Objekt, jeder Standort oder jeder Auftrag steht als Gebäude da, du klickst drauf und planst direkt den nächsten Schritt. Die Demo dazu findest du auf shortmedia.agency/3d-welt.
DER AUFBAU
Was du baust
Jedes Teil der Welt steht für etwas aus deinem Betrieb
Bei dir
- Die Stadt: Eine einzelne HTML-Datei mit three.js, die im Browser läuft.
- Die Gebäude: Deine Objekte, Standorte, Baustellen oder Kunden, eins pro Zeile in deiner Tabelle.
- Die Schilder: Name, Status und die wichtigsten Zahlen direkt über jedem Gebäude.
- Die Fahrzeuge: Mitarbeiter oder Aufträge, die gerade unterwegs sind.
- Die Seitenleiste: Details zum angeklickten Gebäude und die Aktion, zum Beispiel einen Termin planen.
Ehrlich dazu. Die Welt ersetzt dein CRM nicht. Sie ist die Oberfläche darüber, auf der du die Lage auf einen Blick siehst und schneller entscheidest.
SCHRITT 1
Die Daten vorbereiten
Eine einfache Tabelle reicht für den Anfang
Datei objekte.csv
id;name;typ;status;anfragen
OB-01;3-Zimmer-Wohnung Südstadt;wohnung;vermarktung;23
OB-02;Reihenhaus am Stadtpark;haus;vermarktung;31
OB-03;Penthouse Innenstadt;wohnung;reserviert;44Prompt in Claude Code, im Projektordner
Lies objekte.csv. Sag mir, welche Spalten für eine
3D-Karte meiner Firma noch fehlen, zum Beispiel
Adresse oder Ansprechpartner, und schlag mir eine
saubere Struktur vor. Ändere die Datei erst nach
meinem OK.Tipp. Exportier die Tabelle einfach aus deinem CRM oder aus Excel. Echte Kundendaten bleiben dabei auf deinem Rechner, die Welt läuft lokal.
SCHRITT 2
Die Welt bauen lassen
Ein Prompt, und Claude Code baut dir die Stadt
Prompt in Claude Code
Bau mir eine einzelne HTML-Datei mit three.js.
Leg three.js lokal in den Ordner lib, nichts soll
aus dem Netz geladen werden. Zeig eine kleine Stadt
von schräg oben. Für jede Zeile aus objekte.csv
steht ein Gebäude, die Farbe zeigt den Status, und
über jedem Gebäude hängt ein Schild mit Name und
Anfragen. Ein Klick öffnet rechts eine Seitenleiste
mit den Details. Die Seite soll auch am Handy laufen.Schritt für Schritt nachbessern
Sag Claude in einem Satz, was dir nicht gefällt, zum Beispiel andere Farben oder größere Schilder. Er ändert nur das, statt neu anzufangen.
Im Browser öffnen
Lass dir am Ende sagen, wie du die Datei startest. Meist reicht ein Doppelklick oder ein kleiner lokaler Server.
SCHRITT 3
Aktionen einbauen
Damit du in der Welt nicht nur schaust, sondern arbeitest
Prompt in Claude Code
Bau in die Seitenleiste einen Bereich Termin planen
ein. Zeig die Interessenten aus interessenten.csv
mit Stufe A, B oder C und einen Knopf KI-Auswahl,
der die drei passendsten vorschlägt. Danach
Zeitfenster und Mitarbeiter wählen. Freigeben legt
den Termin in termine.csv ab und zeigt die Fahrt auf
der Karte. Verschickt wird nichts automatisch.Die wichtigste Regel. Alles, was nach außen geht, also Mails, Einladungen oder Absagen, landet erst als Entwurf bei dir. Erst dein Klick schickt es raus.
SCHRITT 4
Die Karte aktuell halten
Damit die Welt zeigt, was gerade wirklich los ist
Regelmäßig neu laden
Lass die Seite die Tabellen alle paar Minuten neu einlesen. Dann reicht es, wenn dein CRM oder Excel die Datei regelmäßig exportiert.
Später direkt anbinden
Wenn dein CRM eine Schnittstelle hat, kann Claude Code die Daten auch direkt abholen. Das lohnt sich, sobald die Welt im Alltag läuft.
Nicht öffentlich ins Netz
Mit echten Kundendaten gehört die Welt nur auf deinen Rechner oder hinter ein Login, nie offen auf die Webseite.
NÄCHSTER SCHRITT
Direkt umsetzen
Fang mit einer einzigen Tabelle an
Tabelle exportieren
Nimm deine wichtigste Liste, zum Beispiel Objekte oder Standorte, und speicher sie als objekte.csv.
Welt bauen lassen
Gib Claude Code den Prompt von Seite 4 und schau dir das Ergebnis im Browser an.
Eine Aktion einbauen
Nimm die Aufgabe, die du jeden Tag machst, und bau sie mit dem Prompt von Seite 5 in die Seitenleiste.
Aufbau und Prompts sind eigene Vorlagen von Short Media. three.js ist eine freie Bibliothek für 3D im Browser (MIT-Lizenz). Stand 14.10.2026.
Wir bauen dir das fertig.
Mit dem Guide kannst du es selbst einrichten. Oder wir machen das für dich, mit deinen Daten und Zugängen, und zwar so, dass es bei dir im Alltag läuft.
Bauen lassen