18 Einträge
Schlagwort: threejs
X-Post:Skylar Kitchen
Skylar Kitchen demonstriert, wie sich mit Opus 5.5 (Claude) technische 3D-Animationen und animierte Tutorials mit minimalem Prompting-Aufwand generieren lassen.
1830Lesezeichen72.515Aufrufe
X-Post:Meng To
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
X-Post:Eric Buess
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
X-Post:Eric Buess
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
Repository:achimala/dream-loop
dream-loop ist ein Open-Source-Agent-Skill von Anshu Sharma (@anshuc), der visuelle 3D-Szenen, Spiele oder Web-Apps über eine geschlossene Feedback-Schleife generiert. Ein Bildmodell erzeugt zunächst eine Zielgrafik, während ein separater AI-Kritiker das laufende Ergebnis visuell mit der Vorgabe abgleicht und Korrekturen anstößt.
1532SterneJavaScript
Aus X-Post: Open-Source Virtual Tour Landing Page Seijaku and Eight Three.js Agent Skills
Repository:MengTo/Skills
Das GitHub-Repository MengTo/Skills bündelt strukturierte Anleitungen und Prompts ('Agent Skills') im Markdown-Format. Es richtet sich an Designer und Entwickler, die Coding-Agenten wie Codex, Claude oder Cursor für Webdesign, Interaktionen und 3D-Szenen einsetzen.
6243SterneHTML
Aus X-Post: Open-Source Virtual Tour Landing Page Seijaku and Eight Three.js Agent Skills
Repository:MengTo/seijaku
Seijaku ist eine interaktive Web-Demo von Meng To, die einen nahtlosen, scrollbasierten Rundgang durch ein virtuelles traditionelles Kyoto-Haus bietet. Die Anwendung kombiniert prozedurale 3D-Architektur, Web Audio und interaktive Materialstudien ohne separaten Build-Schritt.
32SterneHTML
Aus X-Post: Open-Source Virtual Tour Landing Page Seijaku and Eight Three.js Agent Skills
Link:scrolltide.co
Scrolltide ist eine kuratierte Plattform für scroll-basierte Vorlagen, UI-Komponenten und Shader, die speziell als Prompts für KI-Codierungs-Tools wie Claude, Cursor und v0 optimiert sind.
Aus X-Post: AI-Driven Workflow for 3D Web Design and Interactive Frontends
X-Post:Meng To
Meng To hat den Quellcode für Seijaku veröffentlicht, eine interaktive 3D-Landingpage für einen virtuellen Rundgang durch ein japanisches Haus. Neben dem Projekt stellt er acht modulare Three.js-Skills bereit, die KI-Agenten bei der Erstellung komplexer 3D-Szenen unterstützen sollen.
260Lesezeichen21.438Aufrufe
Repository:MengTo/threeui
ThreeUI Community ist eine quelloffene Komponentenbibliothek und ein interaktiver Katalog für 3D- und Shader-gestützte UI-Elemente in React. Das Projekt stammt von Meng To (DesignCode) und stellt den vollständigen Quellcode der kostenlosen Community-Komponenten ohne Login-Zwang bereit.
5151SterneHTML
Aus X-Post: ThreeUI and Opus 5: Generating 3D Websites from Video References
Link:Matt Shumer
Matt Shumer beschreibt die Methode 'Gauntlet Loop', mit der Claude Opus 5 über Claude Code aus einem einzelnen Prompt ein funktionierendes 3D-Spiel mit rund 55.000 Zeilen Code generierte. Der Ansatz teilt Aufgaben auf Subagenten auf und setzt getrennte Builder- und Kritiker-Agenten ein, die Ergebnisse iterativ gegen eine konkrete Qualitätsreferenz abgleichen.
Aus Video: Weekly AI Updates: Model Releases, Agent Harnesses, and Developer Tooling (August 2026)
Link:MotionSites
MotionSites AI bietet eine kuratierte Bibliothek mit vorgefertigten Prompts zur Erstellung von Websites, Landing-Pages und 3D-Web-Elementen mittels KI-Coding-Tools wie Lovable, Bolt, Cursor und Claude.
Aus X-Post: Design Resources for AI Coding: Curated UI Pattern Inspiration
Repository:mshumer/Claude-of-Duty
Claude of Duty ist ein quelloffener First-Person-Shooter im Browser, der auf Three.js r180 und WebGL2 basiert. Das Projekt umfasst rund 55.000 Zeilen Code in elf Subsystemen und wurde von orchestrierten KI-Agenten erzeugt. Eine Besonderheit: Das Spiel nutzt keinerlei externe Grafik- oder Sound-Assets; Texturen, Geometrien, Animationen und Töne werden zur Laufzeit rein prozedural per Code berechnet.
3366SterneJavaScript
Aus Video: Weekly AI Updates: Model Releases, Agent Harnesses, and Developer Tooling (August 2026)
Repository:img2threejs/img2threejs
img2threejs rekonstruiert Objekte aus Referenzbildern als prozeduralen, animationsbereiten Three.js-Code. Statt Fotogrammetrie oder Mesh-Extraktion setzt das Projekt auf token-effiziente Code-Generierung.
15.104SternePython
Aus Video: Converting Images into Interactive Three.js 3D Models with img2threejs
Repository:pascalorg/editor
Pascal Editor ist ein quelloffenes System zum Erstellen und Teilen von 3D-Architekturprojekten. Die Anwendung basiert auf React Three Fiber und WebGPU und bietet modulare Pakete sowie eine Schnittstelle zum Model Context Protocol (MCP).
21.860SterneTypeScript
Aus X-Post: Pascal Editor: Open-Source In-Browser 3D Building Editor Powered by WebGPU
X-Post:Viktor Oddy
Viktor Oddy präsentiert ein mit Codex und Three.js erstelltes WebGPU-Glasmaterial und verlinkt auf eine interaktive Live-Demo.
450Lesezeichen31.969Aufrufe
VideoVideo:DesignCourse
Gary Simon von DesignCourse stellt das Open-Source-Projekt img2threejs vor. Das Tool analysiert Fotos oder KI-generierte Bilder und wandelt sie in interaktive Three.js-Elemente für das Web um. Anhand von zwei Beispielen – einem Hocker und einem MIDI-Keyboard – demonstriert er den Workflow und die Nachbearbeitung.
VideoVideo:DesignCourse
Gary Simon von DesignCourse testet das Modell Claude Fable 5 anhand von fünf anspruchsvollen One-Shot-Prompts im Frontend- und UI/UX-Design. Das Spektrum reicht von Three.js- und GSAP-Animationen über ein Hero-Redesign via Figma MCP bis zur Modernisierung von Craigslist.
18 von 18 angezeigt
Haben Sie einen interessanten Artikel, ein Video oder einen Tweet, der in unsere Wissensbasis gehört? Schreiben Sie uns an office@webconsulting.at.
Dieser Inhalt wurde teilweise mithilfe von KI erstellt.
