Hafenkran-Simulation mit einem integrierten AI-Assistent-Chat

Veröffentlicht am 15. Juni 202615. Juni 2026 von Matthias Kindt

Im AI Studio lassen sich kostenlos Apps über einen User-Prompt entwickeln, die man direkt in der KI-Umgebung testen kann. Im Beispiel wird eine Hafenkran-Simulation erstellt, die in Echtzeit, unter anderem die auftretenden Kräfte im Rahmen eines Container-Transports anzeigt. Zusätzlich wird direkt ins Interface ein Button integriert, um jederzeit mit einem KI-Assistenten rund um diese Thematik chatten zu können.

Zu Beginn wird ein Simulationszentrum dargestellt, das unter anderem die Features der Anwendung auflistet. Dazu zählen eine Live-Telemetrie, ein Physik-Umfeld mit anpassbaren Wetterparametern wie der Windkraft sowie eine manuelle Joystick-Bedienung. Die Funktionen können stetig über Folgeprompts ergänzt werden. Dies ist ein zentrales Merkmal des Vibe-Codings.

Ist die App fertig programmiert, so kann ich diese im AI Studio auf der rechten Seite verwenden. Auf der linken Seite werden ganz oben der anfängliche User-Prompt und direkt darunter der Bild-Upload eines vorab über Nano Banana 2 generierten Interfaces angezeigt. Dieses dient als Vorlage für die Hafenkran-Simulation, wodurch ich diese weniger im Prompt über Textinput beschreiben muss. Aus meinen Erfahrungen ist dies ein effizienter Workflow.

Prompt (AI Studio): Entwickle aus dem Bild-Interface (Upload) eine geeignete Anwendung die automatisch startet und Live-Werte anzeigt

Nach einem Klick auf den Bild-Upload im Chat öffnet sich dieser und ich kann direkt vergleichen, ob Gemini das Bild-Interface gut umgesetzt hat. Ja, der erste Versuch hat direkt zuverlässig funktioniert. Super! Hat das Sprachmodell ein Feature vergessen oder falsch positioniert, so ließ sich dieses mit Folgeprompts wie ***Füge Funktion [XYZ] mit einem Schieberegler hinzu*** ergänzen.

In der Nahaufnahme lässt sich gut erkennen, wie genau Top-Bild-KIs wie Nano Banana ihre Outputs generieren. Nicht nur designtechnisch ist das Bild sehr gelungen, sondern auch hinsichtlich der integrierten Funktionen und der Darstellung von deutschem Text. Nano Banana kann kostenfrei auch in einem größeren Umfang über die Bilderstellung im Gemini-Chat genutzt werden.

Links oben in der Hafenkran-Simulation habe ich über einen Folgeprompt einen grünen Button integriert, über den sich ein Chat öffnen lässt, um dort direkt mit Gemini technische Fragestellungen etwa hinsichtlich der auftretenden Kräfte zu klären. Es ist durchaus sinnvoll, den Chat auf der linken Seite für direkte Anpassungen der App und den direkt im Interface integrierten Chat für allgemeine Fragen zu verwenden. Ein „gemischter“ Chat ist eher unübersichtlich.

FOLGEPROMPT: Integriere links oben einen Button in Form einer grünen Sprechblase mit dem Text „Chat“. Klicke ich dort drauf, so öffnet sich ein Chat, der von der Größe her die Hälfte der Simulation abdeckt. Im Chat kann ich meine Fragen mit Gemini klären. Im geöffneten Chat kann ich rechts oben über ein rotes Kreuz den Chat wieder schließen und die Anwendung läuft dann normal weiter.

Gemini hat den Folgeprompt optimal umgesetzt. Der Chat lässt sich problemlos öffnen und auch wieder schließen. Stelle ich eine Frage, so wird in Kürze eine umfangreiche Antwort ausgegeben. Im Folgenden habe ich Gemini angewiesen, mir die auftretende Biegespannung zu erläutern und bekam eine sehr brauchbare Antwort und bin nun einen „Schritt“ weiter, um die mechanischen Grundanlagen dieser Anwendung zu verstehen. 😉

PROMPT: Erkläre mir die Biegespannung

KI-ANTWORT: Die Biegespannung (engl. *bending stress*) ist eine der wichtigsten physikalischen Kräfte, die auf unseren Hafenkran – genauer gesagt auf den Teleskopausleger – wirken.

Einfach erklärt: Die Biegespannung beschreibt die innere Spannung im Material des Kranarms, wenn dieser durch eine Kraft (die Last) nach unten gebogen wird.

### Wie entsteht Biegespannung am Kran?

Wenn du eine Last anhebst, zieht das Gewicht der Last den Auslegerkopf nach unten. Dadurch biegt sich der Ausleger leicht durch:

Auf der Oberseite des Auslegers wird das Material auseinandergezogen (Zugspannung).
Auf der Unterseite des Auslegers wird das Material zusammengedrückt (Druckspannung).
Die Kombination aus diesen beiden Kräften nennt man Biegespannung. Sie ist in den äußeren Randschichten des Metalls am höchsten.

Generell ist ein spezialisierter Chat innerhalb der App ein sehr wichtiger Bestandteil, um effizient aufkommende Fragen zu klären, insbesondere bei einer regelmäßigen Nutzung. Bei einem Neustart der App wird der Chatinhalt wieder gelöscht und man startet wieder ganz oben mit einer neuen Frage. Gerne mal texten! Viel Erfolg!