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

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
Creating Three.js Product Sites with Opus 5 and ThreeUI
Meng To demonstrates how the AI model Opus 5 can be used to generate complex three.js and Blender product visualizations from video references. He also highlights his open-source library ThreeUI, which provides over 160 procedural components to streamline the creation of high-performance, AI-customizable web landing pages.
2412Lesezeichen228.543Aufrufe
KI & AI
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 To21. Aug. 2026
Open-sourcing ThreeUI: A library of Three.js components and landing pages
Meng To has released ThreeUI, an open-source library featuring over 160 procedural Three.js components, including 3D hero sections, icons, and motion designs. The project allows users to copy prompts or source code to customize themes, lighting, and layouts via AI agents, with a Pro version offering additional components and advanced skills.
14.661Lesezeichen1,3 Mio.Aufrufe
Webentwicklung
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
X-Post:Eric Buess24. Sep. 2026
Code-basierte Videoerstellung und 3D-Szenen mit Opus 5.5
Eric Buess dokumentiert eine Reihe von Community-Projekten, die demonstrieren, wie Opus 5.5 und Claude Code zur Erstellung von Videos, 3D-Visualisierungen und interaktiven Animationen eingesetzt werden – oft rein über generierten Code statt über traditionelle Bild- oder Videogeneratoren.
176Lesezeichen77.339Aufrufe
KI & AI· Demo
X-Post:Eric Buess24. Sep. 2026
Kreative Visualisierungen und 3D-Projekte mit Claude Opus 5.5
Eric Buess kuratiert eine Reihe von Community-Projekten, die zeigen, wie Claude Opus 5.5 für programmatische Animationen, 3D-Modelle und Videoerstellung genutzt wird – oft rein über Code statt herkömmlicher Bildgeneratoren.
337Lesezeichen79.948Aufrufe
KI & AI· Sammlung