ThreeUI und Opus 5: 3D-Webseiten per Videoreferenz und Code-Generierung

X-PostMeng To25. August 2026News

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.

Das Wichtigste

Opus 5 kann laut Meng To aus Videoreferenzen direkt three.js- oder Blender-Erlebnisse erzeugen (z. B. Wireframe- oder Explosionsansichten).
Details wie Texturen und Beleuchtung lassen sich über iterative Folge-Prompts verfeinern.
Meng Tos Designteam stellt Landingpages von statischen Bildern und Videos auf three.js um, da reiner Code leichter ist und KI-Modelle Änderungen präziser ausführen.
Die Seiten kombinieren Three.js und klassisches HTML, wodurch die SEO-Struktur erhalten bleibt.
Das begleitende Open-Source-Projekt ThreeUI (threeui.com) verzeichnete 100.000 Seitenaufrufe pro Tag und 3.800 GitHub-Sterne innerhalb von vier Tagen.

Warum das relevant ist

Die Erstellung von 3D-Webseiten galt bisher als aufwendige Nische. Wenn KI-Modelle prozeduralen Three.js-Code direkt aus Videomaterial ableiten können, sinkt die Hürde für leichtgewichtige, interaktive Web-Erlebnisse enorm.

Einordnung

Meng To beschreibt einen spürbaren Wandel in der Webentwicklung: Statt schwere Bild- und Video-Assets zu rendern, setzt sein Team auf prozeduralen three.js-Code. Da das gesamte 3D-Erlebnis als Code vorliegt, können LLMs wie Opus 5 zielgerichtet Anpassungen an Texturen, Licht und Kamerafahrten vornehmen. Meng To hebt hervor, dass die Mischung aus HTML und 3D-Elementen keine SEO-Nachteile mit sich bringt. ThreeUI stellt diese Komponenten bereit, damit Entwickler und Agenten sie als Prompt oder Code-Baustein weiterverarbeiten können.

Original-Post

Meng To

@MengTo · 25. August 2026

Opus 5 is so good at creating these exploded-view and wireframe three.js product sites. Give it a video reference and it can build the experience directly in three.js or Blender. Then keep improving the details, textures, and lighting with follow-up prompts. I got our entire t.co/sJWFrCoxSx t.co/cJKKtI1hl0

1905 Likes63 Antworten2412 Lesezeichen228.543 Aufrufe

Auf X ansehen

Weitere Posts im Thread (9)

@islemonarch I depleted 2 of my Claude Max accounts this week. Yep, I'm addicted.
@0xWuki I've been using it for all my new pages/components. Opus 5 is incredible at remixing.
@Rohthebuilder newly discovered skill in the era of ai
@Fluxora_Studios claude the artist, codex the manager
@terenzeyuen the future of web design (and even games) is gonna be crazy with three.js
@DoopySmoo can you try a vpn? i heard it might be region-based
@RayFernando1337 Anytime Ray! DM is open. Also, thanks so much for getting a sub!
@visualizedigitl SEO is just the same. this is not all three.js, but a mix between html and 3d.
@Fortytwo____ yep tested on codex too

Ausgewählte Antworten (5)

@RayFernando1337 @MengTo Bro this is insane. I'd love to have you on my stream to go over some of this stuff. I can't believe it!!
@islemonarch @MengTo Easy sell as i have been seeing posts about Threeui all over x and even through some of my colleagues Meng.
@0xWuki @MengTo ThreeUI is cheat code level design energy 🤝 pleasure to connect
@Rohthebuilder @MengTo Beautiful!
@Fluxora_Studios @MengTo Cooking 🤝 I have Claude on overdrive as well

Erwähnte Links

Links und Tools aus diesem Beitrag

ThreeUI Community: Interactive 3D and WebGL Components for ReactRepository

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. Sep. 2026
Meng To: Webdesign und Three.js-Szenen mit Opus 5.5 und Mobbin MCP
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.
796Lesezeichen27.042Aufrufe
KI & AI· Anleitung
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: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: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: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: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