Lass Kunden in 3D drehen, umfärben und konfigurieren
VULK generiert einen funktionierenden 3D-Produktkonfigurator aus einem Prompt: ein interaktiver Three.js-/React-Three-Fiber-Viewer, in dem Kunden das Produkt drehen und Materialien und Optionen in Echtzeit wechseln – gestützt auf eine echte PostgreSQL-Datenbank für Optionen und Preise.
62 % der auf VULK generierten Apps enthalten ein SQL-Datenbankschema (VULK-Plattformdaten, Juli 2026) – ein Konfigurator ist keine Ausnahme: Optionen, Varianten und Preise liegen in echten Tabellen, nicht in hartkodierten Arrays, sodass dein Team den Katalog pflegen kann, ohne den 3D-Code anzufassen.
Aktualisiert am 18. Juli 2026
Der vollständige PromptEin konkreter Ausgangspunkt
Baue einen Schreibtischkonfigurator mit Größen, Oberflächen und Beinen. Zeige das Modell, aufgeschlüsselte Preise und eine Angebotsanfrage mit exakt gewählter Ausstattung.
Der vollständige Prompt
Passe den Auftrag an dein Unternehmen an und entwickle ihn in VULK weiter.
Baue einen Schreibtischkonfigurator mit Größen, Oberflächen und Beinen. Zeige das Modell, aufgeschlüsselte Preise und eine Angebotsanfrage mit exakt gewählter Ausstattung. Nimm diese Funktionen auf: - Interaktiver 3D-Viewer – Produkt drehen, zoomen und inspizieren - Material-, Farb- und Optionswechsel in Echtzeit - Optionen, Varianten und Preise in PostgreSQL gespeichert - Angebots- oder Warenkorb-Ablauf, verdrahtet mit der Konfiguration - Live-Vorschau, One-Click-Deploy und voller Code-Export Baue das vollständige funktionsfähige Projekt mit Routen, Datenmodell und Interaktionen. Implementiere für gespeicherte oder private Daten Persistenz, Anmeldung und serverseitige Rechte. API-Zugangsdaten bleiben auf dem Server. Dokumentiere externe Dienste und nutze Testbetrieb, bis echte Konten verbunden sind. Stelle eine simulierte Integration nicht als fertige Live-Verbindung dar. Gestalte die Oberfläche responsiv, mit zugänglichen Beschriftungen, Tastaturbedienung und sichtbarem Fokus. Berücksichtige Laden, leere Ansichten, Validierung und Fehler. Kennzeichne Beispieldaten; erfinde keine Kundenstimmen oder Ergebnisse. Wähle eine passende Gestaltung und konsistente Typografie, Abstände und Bedienelemente. Erkläre Ausführung, Tests, Export und Veröffentlichung des Codes. Prüfe diesen vollständigen Ablauf: Ändere Optionen, lade eine gespeicherte Konfiguration und frage an. Modell, Preis und übermittelte Spezifikation müssen übereinstimmen.
Weitere Anwendungsmöglichkeiten
Alle AnwendungsfälleWas du bekommst
- +Interaktiver 3D-Viewer – Produkt drehen, zoomen und inspizieren
- +Material-, Farb- und Optionswechsel in Echtzeit
- +Optionen, Varianten und Preise in PostgreSQL gespeichert
- +Angebots- oder Warenkorb-Ablauf, verdrahtet mit der Konfiguration
- +Live-Vorschau, One-Click-Deploy und voller Code-Export
FAQ
Kann er mein eigenes 3D-Modell verwenden?
Ja. Der generierte Viewer lädt Standard-glTF-/GLB-Modelle. Generiere aus dem Prompt eine Startszene und ersetze dann im exportierten Code oder per Iteration das vorhandene Modell durch dein Produktmodell.
Wo liegen Optionen und Preise?
In einer echten PostgreSQL-Datenbank, die mit der App generiert wird – mit REST-Endpunkten, sodass du Optionen, Varianten und Preise bearbeiten kannst, ohne das 3D-Frontend neu zu deployen.
Ist das eine Widget-Einbettung oder eine vollständige App?
Eine vollständige App. VULK generiert die gesamte Konfigurator-Seite – Viewer, Options-UI, Backend und Deploy – als Quellcode mit React + Three.js, der dir gehört, statt als iframe, das du mietest.