Meng To: Webdesign und Three.js-Szenen mit Opus 5.5 und Mobbin MCP

X-PostMeng To25. September 2026Anleitung

Designer Meng To stellt ein 47-minütiges Video-Tutorial vor, in dem er zeigt, wie er mit Opus 5.5 und dem Mobbin MCP vollständige Landingpages mit interaktiven Three.js-3D-Szenen erstellt.

Das Wichtigste

Meng To nutzt das Mobbin MCP, um KI-Agenten strukturierte Design-Referenzen als Kontext bereitzustellen.
Das Modell Opus 5.5 fügt diese Vorgaben zu einer durchgängigen Landingpage mit mehreren Abschnitten zusammen.
Die 3D-Elemente der Seite sind komplett in Three.js programmiert.
Neben dem Web-Frontend generierte das Modell einen Brand Guide, Logo-Entwürfe und Werbemittel.
Der Autor stellt neben dem fertigen Projekt auch die Prompts und Quelldateien zur Verfügung.

Warum das relevant ist

Die Kombination aus spezialisierten MCP-Servern für UI-Referenzen (wie Mobbin) und fortschrittlichen Sprachmodellen erlaubt es Designern, komplexe 3D-Websites und Markenauftritte direkt im Code umzusetzen, ohne jede 3D-Szene manuell von Grund auf programmieren zu müssen.

Einordnung

Meng To demonstriert einen Workflow, bei dem Agenten nicht mehr nur isolierte Code-Snippets erzeugen, sondern auf kuratierte UI-Datenbanken zugreifen können. Durch die Kopplung von Mobbin via MCP mit Opus 5.5 wird das visuelle Verständnis des Modells für Farbpaletten, Layouts und Three.js-Code gezielt unterstützt, was die Hürde für visuell anspruchsvolle 3D-Webinterfaces senkt.

Original-Post

Meng To

@MengTo · 25. September 2026

I recorded a 47-minute tutorial on how I use Opus 5.5 to create designs with gorgeous three.js scenes. I've been using Mobbin MCP to give my agents strong references, then letting Opus bring them together into a full landing page with multiple sections and a consistent design. t.co/Kv2HO11pth

494 Likes25 Antworten796 Lesezeichen27.042 Aufrufe

Auf X ansehen

Weitere Posts im Thread (8)

@fireplyai genuinely impressed by opus 5.5's taste in colors
@islemonarch so good. mobbin is what models are trained on.
@giacomomasseron opus understood the assignment
@ZidaneZ08902030 maybe opus did hide a 3d-printed unicorn in the code
@JamesMalsawm will share all the source files
@mortenpx means a lot! been working hard on those
@corax____ yep it's all code in three.js
@mortenpx @joindiveclub @ridd_design can't ask better than this. changing one's workflow from an episode has to be high on that list of outcomes. thanks to @ridd_design

Ausgewählte Antworten (5)

@fireplyai @MengTo okay that roof at dusk is genuinely pretty
@giacomomasseron @MengTo solar panel render on that roof actually looks physically placed, not pasted on like most ai landing pages
@mortenpx @MengTo I listened to your latest episode @joindiveclub with @ridd_design and it inspired me to go a step deeper as a designer… Now I’m editing stuff for my clients directly in code via agents and submitting PRs daily 🔥
@mortenpx @MengTo Dude you are the goat with AI tutorials 🔥
@islemonarch @MengTo Literally was playing with Mobbin mcp today, it’s the most underrated feature they added, thanks for spreading the word.

Erwähnte Links

Links und Tools aus diesem Beitrag

Zusammenfassung von KI erstellt (Gemini 3.8 Flash, 27. September 2026). Sie kann Fehler enthalten – maßgeblich ist die Originalquelle.

Inhaltlich ähnlich, ermittelt über die KI-Suche.

X-Post:Meng To25. Aug. 2026
ThreeUI und Opus 5: 3D-Webseiten per Videoreferenz und Code-Generierung
Designer Meng To nutzt Claude Opus 5, um auf Basis von Videoreferenzen interaktive 3D-Produktseiten in three.js oder Blender zu generieren. Sein quelloffenes Komponenten-Projekt ThreeUI erreicht nach wenigen Tagen hohe Abrufzahlen.
2412Lesezeichen228.543Aufrufe
KI & AI· News
X-Post:Meng To3. Nov. 2026
Casa Serra: 3D-Architektur-Visualisierung im Browser mit Three.js und Opus 5.5
Meng To empfiehlt das Projekt Casa Serra von Samnang Aing. Die webbasierte 3D-Erfahrung wandelt einen scheinbar flachen 2D-Grundriss beim Scrollen nahtlos in ein begehbares 3D-Gebäude um, umgesetzt mit Three.js, GSAP und Opus 5.5.
938Lesezeichen43.222Aufrufe
KI & AI· Demo
X-Post:Meng To21. Aug. 2026
Meng To veröffentlicht ThreeUI als Open-Source-Bibliothek für Three.js-Komponenten
Meng To hat ThreeUI als Open Source bereitgestellt. Die Sammlung umfasst mehr als 160 kostenlose Three.js-Komponenten und Landing-Page-Vorlagen, die für die Anpassung mittels KI-Agenten optimiert sind.
14.661Lesezeichen1,3 Mio.Aufrufe
Webentwicklung· Ankündigung
X-Post:Skylar Kitchen25. Sep. 2026
3D-Animationen mit Opus 5.5: Schritt-für-Schritt-Anleitungen per Prompt
Skylar Kitchen demonstriert, wie sich mit Opus 5.5 (Claude) technische 3D-Animationen und animierte Tutorials mit minimalem Prompting-Aufwand generieren lassen.
1830Lesezeichen72.515Aufrufe
KI & AI· Demo
X-Post:Meng To23. Aug. 2026
ThreeUI: Meng To erweitert prozedurale Three.js-Bibliothek via Claude Code
Designer Meng To hat seine quelloffene Bibliothek ThreeUI um 60 weitere Three.js-Komponenten auf insgesamt 280 Entwürfe ausgebaut. Er nutzt Claude Code und Opus, um aus bestehendem Quellcode neue Varianten, Umgebungen, Animationen und Interaktionsmuster zu generieren.
1232Lesezeichen100.540Aufrufe
KI & AI· Tool
X-Post:Himanshu Hingorani13. Sep. 2026
KI-gestützter Workflow für 3D-Webdesign und interaktive Frontends
Himanshu Hingorani stellt einen mehrstufigen KI-Workflow für kreatives Frontend-Design vor, der Midjourney v7, Claude Opus 5 sowie Cursor und Claude Code kombiniert. Anhand des Projekts 'Zephyr' demonstriert er eine interaktive 3D-Bühne mit Scroll-Animationen und plädiert gegen uniforme Standard-SaaS-Landingpages.
28Lesezeichen2664Aufrufe
KI & AI· Demo