Hybrid-Centerplan: KI-Masterprompt (DE / EN) — v2
Starter-Prompts, um Premium-Rasterpläne für den Hybrid-Workflow in cockpitOS zu erzeugen: Bild hochladen → automatische Segmentierung → Polygon-Editor → Shop-Mapping.
Technischer Hintergrund: Hybrid-Centerplan: PNG-Hintergrund mit Polygon-Layer
Stand Tool-Empfehlungen: Juli 2026 — Bildmodelle wechseln schnell; bei Unsicherheit die Hybrid-Doku und die Segmentierungs-Vorschau im Dashboard als Maßstab nehmen.
Was ist neu in v2
- Topologie vs. Geometrie geklärt — der Centerplan ist primär ein Wegfindungs-Werkzeug, kein maßstabsgetreuer Grundriss. Der Prompt unterscheidet jetzt explizit, was 1:1 aus dem Referenzplan übernommen werden muss (Reihenfolge, Nachbarschaft, Kreuzungen, Ein-/Ausgänge, Rolltreppen-/Aufzugsposition, Spiegelfreiheit) und was zugunsten besserer Lesbarkeit angepasst werden darf (Gang-Proportionen, kleine Winkel, Shop-Formen).
- Tool-Empfehlung aktualisiert — DALL·E wurde im Mai 2026 aus der OpenAI API entfernt. Neu empfohlen: ChatGPT (GPT Image 2) und Nano Banana Pro (Google) als primäre Wahl, wenn ein bestehender Grundriss exakt übernommen werden soll. Midjourney/Ideogram bleiben gut für freie Konzepte ohne Bestandsplan.
- Bildrollen-Deklaration — wenn mehrere Bilder (SVG-Plan, Umgebungsbild, Top-View, Detailfotos) gleichzeitig angehängt werden, weist der Prompt jedem Bild explizit eine Funktion zu.
- Anti-Textur-Bleed-Regel — verhindert, dass Material/Reflexionen aus Detailfotos auf die (eigentlich flachen, einfarbigen) Shop-Dächer übertragen werden.
- Eckenfarbe-Regel — leitet sich direkt aus der technischen Hintergrunderkennung ab (Median-Farbe der vier Bildecken). Ohne diese Regel kann die Segmentierung komplett kippen, wenn ein Dach zufällig in einer Bildecke liegt.
- Quantifizierter Farbabstand zwischen Nachbar-Dächern statt nur qualitativer Anforderung.
- Kompaktheits-Hinweis für lang gestreckte Ankermieter (Aspect-Ratio-/Compactness-Filter des Segmentierers).
- Iterativer Workflow-Schritt — nutzt die Editierfähigkeit von ChatGPT/Nano Banana Pro im selben Chat statt nur einen finalen Prompt abzusetzen.
- Etagen-Konsistenz-Hinweis für Mehr-Etagen-Center (Rolltreppen/Aufzüge positionsgleich).
Kurz: Was cockpitOS vom Bild braucht
| Anforderung | Warum |
|---|---|
| Landscape, mind. 2400–3200 px auf der langen Kante | Scharfe Darstellung + Zoom; Segmentierung skaliert Koordinaten zurück |
| Upscale einplanen, wenn das Tool nativ weniger liefert (z. B. ~2048 px) | Viele Modelle erreichen 2560 px nur mit Upscale (Topaz, Magnific o. Ä.) |
| Topologie aus Referenzplan — Reihenfolge, Nachbarschaft, Kreuzungen, Eingänge, keine Spiegelung | Wegfindung am Kiosk und auf der Website |
| Jeder Shop = eigene Fläche mit einfarbigem, flachem Dach (keine Verläufe, kein Textur-Bleed aus Fotos) | Flood-Fill erkennt Regionen an Farbe (Standard-Toleranz 30) |
| Deutlich unterschiedliche Dachfarben zwischen Nachbarn und im Zweifel dunkle Trennlinien (2–3 px) | Leichte Grüntöne fallen sonst unter Toleranz 30 |
| Alle vier Bildecken = Gang/Atrium/Außen — kein Shop-Dach in der Ecke | Hintergrund-Erkennung nutzt Median-Farbe der Ecken |
| Export als PNG (verlustfrei) oder WebP/JPEG hochwertig | Upload unter Centerpläne → Erkennungstyp KI-generierter Plan oder Normaler Plan |
Nach dem Export: Dashboard → Centerpläne → SVG-Centerplan → PNG → Hybrid-SVG → Tab Polygon-Editor → Tab Shop-Mapping.
Topologie (verbindlich) vs. Geometrie (gestalterischer Freiraum)
Der Centerplan ist in erster Linie ein Orientierungs-/Wegfindungs-Werkzeug, kein maßstabsgetreuer Grundriss. Entscheidend ist, dass Besucher — am Kiosk/Signage im Center und auf der Website — den Weg von A nach B nachvollziehen können, nicht dass jede Wand exakt im richtigen Winkel steht.
Verbindlich — 1:1 aus dem Referenzplan übernehmen, NIEMALS verändern:
- Außenkontur/Gebäudehülle (muss zu Parkplatz, Straße, ÖPNV-Halt draußen passen)
- Reihenfolge und Nachbarschaft der Shops entlang jedes Gangs
- Anzahl und Position der Ein-/Ausgänge relativ zur Außenwelt
- Position von Rolltreppen/Aufzügen — muss auf jeder Etage exakt übereinanderliegen (physischer Ausstiegspunkt)
- Anzahl und Reihenfolge von Kreuzungen, Abzweigungen, Sackgassen
- Links/Rechts-Ausrichtung — NIEMALS spiegeln (sonst zeigt die Karte am Kiosk in die falsche Richtung, während der Besucher real davorsteht)
Gestalterischer Freiraum — darf zugunsten besserer Lesbarkeit angepasst werden:
- Exakte Gang-Breiten/-Längen-Verhältnisse begradigen oder vereinheitlichen
- Leicht asymmetrische Ecken/Winkel glätten
- Shop-Proportionen leicht anpassen (z. B. extrem lang gezogene Ankermieter kompakter darstellen), solange Position im Gang und Nachbarschaft gleich bleiben — löst nebenbei auch das Aspect-Ratio-/Compactness-Filter-Problem des Auto-Segmentierers
Faustregel: Am Kiosk vergleicht der Besucher die Karte live mit dem, was er vor sich sieht. Eine begradigte Kurve verwirrt kaum. Eine fehlende Abzweigung oder eine vertauschte Links/Rechts-Ausrichtung führt aktiv in die falsche Richtung — deshalb sind Topologie-Punkte hart, Geometrie-Punkte weich.
Tool-Empfehlung (Stand: Juli 2026)
| Ziel | Empfohlenes Tool | Warum |
|---|---|---|
| Exakte Topologie-Treue zu vorhandenem Grundriss (Hauptfall) | ChatGPT (GPT Image 2), alternativ Nano Banana Pro (Google) | Editierfähige Referenzbild-Modelle; aktuell höchste Prompt-/Referenztreue in Arena-Vergleichen |
| Self-hosted / ohne Cloud-Abo | Flux 2 Pro | Beste photorealistische Qualität zum Selbst-Hosten |
| Freies Konzept ohne Bestandsplan | Midjourney, Ideogram | Starke Optik/Stil, aber lockere Geometrie-Treue — nur wenn kein exakter Referenzplan gefordert ist |
DALL·E nicht mehr verwenden — wurde im Mai 2026 aus der OpenAI API entfernt.
Midjourney-Warnung: Referenzbilder wirken dort eher wie Stil-Inspiration, nicht wie exakte geometrische Vorlage — für Architekten-Grundrisse daher nicht als Primär-Tool.
(Tool-Empfehlungen ändern sich im Monatstakt — Abschnitt bei Bedarf mit Datum versehen und regelmäßig prüfen.)
Workflow (Redaktion)
- Referenz vorbereiten: Bestehenden Grundriss (SVG/PDF/Sketch) als Geometrie-Referenz; optional Umgebungsbild, 1–3 Top-View-Referenzen und 2–4 Detailaufnahmen aus dem Center für Stil/Material sammeln. Falls vorhanden: Eingangs-/Nordausrichtung aus den Wayfinding-Stammdaten notieren.
- Prompt + Bilder in ChatGPT (GPT Image 2) einreichen, alternativ Nano Banana Pro. Bildrollen im Prompt klar deklarieren (siehe Masterprompt). Mehrere Varianten erzeugen.
- Iterativ nachbessern: Statt nur einen finalen Prompt abzusetzen, im selben Chat gezielt nachschärfen — z. B. „Dach von Shop X einfärben, zu ähnlich zum Nachbarn" oder „Reflexion auf den Dächern oben rechts entfernen".
- Prüfen: Shop-Konturen klar? Dächer einfarbig, kein Textur-Übertrag von den Detailfotos? Alle vier Bildecken = Hintergrundfarbe? Keine Verschmelzungen? Auflösung ausreichend (ggf. Upscale)?
- Bei Mehr-Etagen-Centern: Rolltreppen/Aufzüge zwischen den Etagen positionsgleich halten (im Prompt referenzieren oder händisch angleichen).
- Cockpit: Bild hochladen, Erkennungstyp KI-generierter Plan (oder Normaler Plan); bei kleinen Flächen Kleine Flächen; fehlende Shops im Polygon-Editor nachzeichnen.
- Speichern → Shops zuordnen → Website prüfen.
Masterprompt (Deutsch) — v2
Copy-Paste inkl. Negativ-Prompt. Platzhalter {ETAGE} / {CENTERNAME} optional ersetzen.
Erstelle eine premium architektonische Shopping-Center-Karte für ein interaktives Wegfindungs-System (Hybrid-Centerplan). Stil-Mix: Apple Maps 3D, Westfield Digital Directory, Foster+Partners-Diagramme, hochwertige Immobilienvisualisierung, moderne Retail-Wayfinding – KEIN klassischer 2D-Grundriss, KEIN Bauplan, KEIN Cartoon.
INPUT-BILDER (Rollen zuweisen, wenn mehrere Bilder angehängt werden):
- Bild 1 – SVG-/Vektor-Lageplan: VERBINDLICHE Topologie-Referenz (siehe Regel TOPOLOGIE VS. GEOMETRIE unten). Reihenfolge/Nachbarschaft der Shops, Gang-Verlauf, Kreuzungen/Abzweigungen, Ein-/Ausgänge, Rolltreppen-/Aufzugspositionen und Außenkontur exakt übernehmen. Gang-Breiten, kleine Winkel-Asymmetrien und Shop-Proportionen dürfen zugunsten von Lesbarkeit geglättet werden – Reihenfolge und Nachbarschaft bleiben dabei unangetastet.
- Bild 2 – Umgebungsbild/Kontext: nur für Stimmung/Umgebung (Außenbereich, Vegetation, Architektursprache) verwenden, NICHT für Layout oder Kamerawinkel.
- Weitere Bilder – Top-View-Referenzen: nur zur Proportionsprüfung, NICHT als Kamerawinkel übernehmen (Zielwinkel bleibt isometrisch, siehe unten).
- Weitere Bilder – Detailaufnahmen im Center: NUR für Material, Licht und Farbstil in Gängen, Fassaden und Außenbereichen verwenden. NIEMALS Texturen, Reflexionen oder Schatten aus diesen Fotos auf die Shop-Dächer übertragen – die Dächer bleiben unabhängig von den Detailfotos flach und einfarbig (siehe Regel SHOPS unten).
Falls das Tool keine Bildnummerierung erkennt: Rolle direkt im Fließtext vor dem jeweiligen Bild benennen (z. B. „Topologie-Referenz, verbindlich:" direkt vor dem Plan-Upload).
TOPOLOGIE VS. GEOMETRIE (wichtig – Centerplan ist ein Wegfindungs-Tool, kein maßstabsgetreuer Grundriss)
- Verbindlich, niemals ändern: Außenkontur/Gebäudehülle, Reihenfolge und Nachbarschaft der Shops je Gang, Position aller Ein-/Ausgänge, Position von Rolltreppen/Aufzügen (etagenübergreifend deckungsgleich), Anzahl und Reihenfolge von Kreuzungen/Abzweigungen/Sackgassen, Links/Rechts-Ausrichtung (NICHT spiegeln)
- Gestalterischer Freiraum, darf zugunsten Lesbarkeit angepasst werden: Gang-Breiten/-Längen-Verhältnisse begradigen, kleine Winkel-Asymmetrien glätten, Shop-Proportionen anpassen (z. B. sehr lang gezogene Einheiten kompakter darstellen), solange Position im Gang und Nachbarschaft unverändert bleiben
FORMAT & KAMERA
- Querformat Landscape, Seitenverhältnis ca. 16:9 oder 3:2
- Auflösung mind. 2560 px auf der langen Kante; falls das Tool nativ weniger liefert, zusätzlichen Upscale-Pass einplanen
- Isometrisch von oben, ca. 25–35° Neigung, möglichst wenig Perspektiv-Verzerrung (fast orthografisch)
- Gesamtes Center sichtbar, angenehmer Rand
ALLGEMEINER STIL
- Ultra clean, premium, modern, architektonisch, Luxus-Retail
- Realistisch aber vereinfacht, glaubwürdig gebaut
- Keine Fantasy-Architektur, kein Low-Poly, kein Blueprint
SHOPS (WICHTIGSTE REGEL – COCKPIT-SEGMENTIERUNG)
- Jeder Shop = eigenes architektonisches Volumen mit klarer Außenkontur
- Shop-DACH = klickbare Fläche für spätere Polygon-Erkennung:
• homogen, flach, EINFARBIG, hoher Kontrast zu Gängen
• KEINE Verläufe, KEINE Texturen, KEINE Spiegelungen, KEINE Schatten auf dem Dach – auch nicht aus den Detailfotos übernommen
• KEINE Menschen, Bäume, Möbel, Dekoration auf dem Dach
• Nachbar-Shops NIEMALS verschmelzen – Farbunterschied zwischen benachbarten Dächern muss deutlich und eindeutig sein (nicht nur leichte Ton-Variation); bei ähnlichen Grundfarben zusätzlich IMMER eine dünne dunkle Trennlinie (2–3 px)
• Alle vier Bildecken zeigen Gang-/Außenbereich (Hintergrundfarbe) – niemals ein Shop-Dach in einer Bildecke platzieren
• Sehr lang gestreckte oder verwinkelte Shop-Flächen (z. B. große Ankermieter) gemäß TOPOLOGIE VS. GEOMETRIE mit klarer, möglichst kompakter Kontur zeichnen – Position im Gang und Nachbarschaft bleiben dabei exakt gleich
- Fassaden/Seitenwände dürfen realistisch sein (Glas, Beleuchtung)
- Dächer dürfen in Farbgruppen variieren (z. B. Grün-Töne), aber jede Einzelfläche bleibt homogen
GÄNGE & ÖFFENTLICHE BEREICHE
- Realistisch: warmer Stein/Beton, große Fliesen, dezente Reflexionen, Pflanzen, Sitzbänke, Wayfinding-Säulen, Glasgeländer
- Deutlicher visueller Kontrast zu den Shop-Dächern
- Rolltreppen/Aufzüge als architektonische Highlights (Glas, Metall, LED); bei Mehr-Etagen-Sets Position konsistent zu anderen Etagen halten
AUSSENBEREICH (dezent)
- Straßen, Gehwege, Bäume, Parkplatz, Fahrradständer, Bänke, Straßenlaternen – nicht auf Shop-Dächern
MENSCHEN
- Kleine realistische Silhouetten in Gängen und Außenbereich, nicht dicht gedrängt, nie auf Shop-Dächern
BELEUCHTUNG
- Golden Hour, warmes indirektes Licht, weiche Schatten in Gängen und an Fassaden – aber NICHT auf den Shop-Dächern
- Warme Schaufensterbeleuchtung, soft bloom, kein hartes HDR
LABELS
- Minimal: große Anker-Shops optional ohne Logo auf dem Dach
- Kleine Shops: Nummern nur in Gängen oder gar keine Beschriftung
- Keine Logos auf klickbaren Dachflächen (werden im CMS gesetzt)
QUALITÄT
- Architekturvisualisierung, scharfe Kanten, konsistentes Licht, professionelle Retail-Präsentation, keine KI-Artefakte
NEGATIV (unbedingt vermeiden)
- verschmolzene Shops, unscharfe Konturen, Schatten/Verläufe/Texturen auf Dächern, Spiegelungen auf klickbaren Flächen, Cartoon, Blueprint, Fantasy, schwebende Objekte, überdimensionierte Menschen, zufällige Kioske auf Dächern, Clutter, inkonsistentes Licht, verzerrte Geometrie, Textur-Übertrag von Detailfotos auf Dächer, Shop-Dach in einer Bildecke
Master Prompt (English) — v2
Create a premium architectural shopping mall directory image for an interactive wayfinding system (hybrid center plan). Style blend: Apple Maps 3D, Westfield digital directory, Foster + Partners diagrams, high-end real estate visualization, modern retail wayfinding – NOT a traditional 2D floor plan, NOT a blueprint, NOT cartoon.
INPUT IMAGES (assign roles when multiple images are attached):
- Image 1 – SVG/vector floor plan: BINDING topology reference (see TOPOLOGY VS. GEOMETRY rule below). Order/adjacency of shops, corridor routing, intersections/branches, entrances/exits, escalator/elevator positions, and outer building outline must match exactly. Corridor widths, minor angular asymmetries, and shop proportions may be smoothed for readability – order and adjacency stay untouched.
- Image 2 – Environment/context image: use only for mood/surroundings (outdoor area, vegetation, architectural language), NOT for layout or camera angle.
- Additional images – Top-view references: use only to check proportions, NOT as camera angle (target angle stays isometric, see below).
- Additional images – On-site detail photos: use ONLY for material, light and color style in corridors, facades and outdoor areas. NEVER transfer textures, reflections or shadows from these photos onto the shop roofs – roofs stay flat and solid-colored regardless of the detail photos (see SHOPS rule below).
If the tool doesn't recognize image numbering: state the role directly in the text right before the relevant image (e.g. "Binding topology reference:" right before the floor plan upload).
TOPOLOGY VS. GEOMETRY (important – the center plan is a wayfinding tool, not a to-scale floor plan)
- Binding, never change: outer building outline, order and adjacency of shops along each corridor, position of all entrances/exits, position of escalators/elevators (must line up across floors), number and order of intersections/branches/dead ends, left/right orientation (do NOT mirror)
- Creative freedom, may be adjusted for readability: straighten corridor width/length ratios, smooth minor angular asymmetries, adjust shop proportions (e.g. render very elongated units more compact) as long as position along the corridor and adjacency stay unchanged
FORMAT & CAMERA
- Landscape orientation, aspect ratio ~16:9 or 3:2
- Minimum 2560 px on the long edge; if the tool's native output is smaller, plan an additional upscale pass
- Top-down isometric ~25–35°, minimal perspective distortion (near-orthographic)
- Entire mall visible with comfortable margins
GENERAL STYLE
- Ultra clean, premium, modern, architectural, luxury retail
- Realistic but simplified, believable built environment
- No fantasy architecture, no low-poly, no blueprint aesthetic
SHOPS (MOST IMPORTANT – COCKPIT AUTO-SEGMENTATION)
- Each shop = separate architectural volume with clear outer contour
- Shop ROOF = future clickable polygon for computer vision:
• homogeneous, flat, SOLID color, high contrast vs corridors
• NO gradients, NO textures, NO reflections, NO shadows ON the roof – not even carried over from the detail photos
• NO people, trees, furniture, decoration ON the roof
• NEVER merge neighboring shops – color difference between adjacent roofs must be clear and unambiguous (not just a subtle tonal variation); when base colors are close, ALWAYS add a thin dark separator line (2–3 px) as well
• All four image corners show corridor/outdoor background color – never place a shop roof in an image corner
• Very elongated or irregularly shaped units (e.g. large anchor stores) should follow the TOPOLOGY VS. GEOMETRY rule and keep a clear, reasonably compact outline – position along the corridor and adjacency stay exactly the same
- Facades/side walls may be realistic (glass, interior lighting)
- Roofs may use color groups (e.g. green tones) but each individual roof stays one flat color
CORRIDORS & PUBLIC AREAS
- Realistic: warm stone/concrete, large tiles, subtle reflections, planters, seating, wayfinding pylons, glass balustrades
- Strong visual contrast vs shop roofs
- Escalators/elevators as detailed architectural features (glass, metal, LED); keep consistent position across floors in multi-floor sets
OUTDOOR (subtle)
- Roads, sidewalks, trees, parking, bike racks, benches, street lighting – never on shop roofs
PEOPLE
- Small realistic figures in corridors and outdoors, not crowded, never on shop roofs
LIGHTING
- Golden hour, warm indirect light, soft shadows in corridors and on facades – but NOT on shop roofs
- Warm storefront lighting, soft bloom, no harsh HDR
LABELS
- Minimal typography; anchor stores without logos on roofs
- Small units: numbers in corridors only or no labels
- No logos on clickable roof surfaces (added in CMS)
QUALITY
- Architectural visualization, crisp edges, consistent lighting, professional retail presentation, no AI artifacts
NEGATIVE (avoid)
- merged shops, blurry contours, shadows/gradients/textures on roofs, reflections on clickable areas, cartoon, blueprint, fantasy, floating objects, oversized people, random kiosks on roofs, clutter, inconsistent lighting, distorted geometry, texture transfer from detail photos onto roofs, shop roof in an image corner
Anpassungen gegenüber dem Ursprungs-Prompt
Diese Version ist für cockpitOS Hybrid optimiert:
- Segmentierung statt reines Marketing-Render — Dachflächen müssen maschinenlesbar sein (einfarbig, kontrastreich).
- Trennlinien oder unterschiedliche Farben — explizit, weil der Flood-Fill sonst benachbarte gleichfarbige Shops verschmilzt.
- Keine Logos auf Dächern — Shop-Logos kommen aus dem Cockpit; KI-Logos wären falsch und stören die Erkennung.
- Landscape + Mindestauflösung — passend zu Website-Immersiv-Modus und Zoom.
- „Fast orthografisch" statt strikt orthografisch — KI-Tools liefern damit stabilere Ergebnisse.
- Referenz-Grundriss als Input — ohne Architekten-Geometrie driftet die KI.
- Bildrollen-Deklaration bei Multi-Image-Input — verhindert, dass Kamerawinkel oder Layout versehentlich von Umgebungs-/Top-View-Bildern statt vom Referenzplan übernommen werden.
- Explizites Textur-Bleed-Verbot — Detailfotos nur für Material/Licht in Gängen, nie für die Dächer.
- Eckenfarbe-Regel — direkt aus der technischen Hintergrunderkennung (Median der vier Bildecken).
- Kompaktheits-Hinweis für Shop-Flächen — Aspect-Ratio-/Compactness-Filter des Auto-Segmentierers.
- Aktualisierte Tool-Empfehlung — DALL·E entfernt; ChatGPT (GPT Image 2) und Nano Banana Pro für Referenztreue.
- Topologie-vs-Geometrie-Unterscheidung — Wegfindungs-Werkzeug: harte Topologie, weiche Geometrie.
Wenn die Segmentierung scheitert
| Problem | Lösung |
|---|---|
| Zu wenige / zu viele Polygone | Erkennungstyp Kleine Flächen oder Hilfe-Button Mehr Flächen finden / Weniger Störflecken |
| Shops verschmolzen | Bild neu generieren mit deutlich verschiedenen Dachfarben und/oder Trennlinien; im Chat iterativ nachbessern |
| Segmentierung komplett falsch / „alles Hintergrund" | Shop-Dach in einer Bildecke? Bild mit neutralem Rand neu generieren |
| Linien als Polygone | Erkennungstyp KI-generierter Plan oder Konturen-Schwelle in Experten-Einstellung (siehe Hybrid-Doku) |
| Anker-Shop fehlt (lang, schmal) | Kompaktere Kontur im KI-Bild (Topologie vs. Geometrie) oder im Polygon-Editor nachzeichnen |
| Fläche fehlt (sonst) | Polygon-Editor → Rechteck / Kreis / Ecken |
| Bild zu klein / pixelig beim Zoom | Upscale vor Upload |
| Neues Bild, alte Zuordnungen | Modus Hintergrund tauschen |
Querverweise
Nutzungsstatistik: Seitenaufrufe werden anonymisiert erfasst. Im Umami-Dashboard nach diesem Pfad filtern: /centerplan/hybrid-ai-masterprompt