Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Fable 5 got even wilder. This time we gave it one link: a static site with Gaussian Splatting, WebGL2, WASM sorting, layered canvas, and scroll-driven 3D. Using the skill shared by 小耳👂Jane｜Xiaoer, it analyzed the site and recreated the experience in Open Design.

OpenDesignHQ's profile picture

OpenDesign

22,133 subscribers

173,581 Aufrufe • vor 3 Monaten •via X (Twitter)

GamingWissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

22 Kommentare

Profilbild von Maddison
Maddisonvor 3 Monaten

@xiaoerzhan Wow, it stole a website. Totally impressive. 🙄

Profilbild von Mario
Mariovor 3 Monaten

@xiaoerzhan Didn’t fable just copy the assets, code and everything else?

Profilbild von OpenDesign
OpenDesignvor 3 Monaten

Now use Fable 5 inside Open Design without Claude Max

Profilbild von ck y
ck yvor 3 Monaten

@xiaoerzhan 可是这个根本不需要fable 5，使用这个skill以及gpt 5.5同样可以做到

Profilbild von Deziner
Dezinervor 3 Monaten

@xiaoerzhan Straight up theft

Profilbild von NAYPACHE STUDIO
NAYPACHE STUDIOvor 3 Monaten

@xiaoerzhan Fake news lol

Profilbild von nglsong
nglsongvor 3 Monaten

@xiaoerzhan if it can't use by normal people, it will be useless, no matter how advance right now

Profilbild von André Venâncio
André Venânciovor 3 Monaten

@xiaoerzhan What are you talking about?

Profilbild von charactr
charactrvor 3 Monaten

@xiaoerzhan wow this is awesome, congrats!

Profilbild von naive.17
naive.17vor 3 Monaten

@xiaoerzhan We are straight up downloading websites today

Profilbild von Zander
Zandervor 3 Monaten

@xiaoerzhan 🤣

Profilbild von Dipanshu Kushwaha
Dipanshu Kushwahavor 3 Monaten

@xiaoerzhan That’s wild progress—gaussian splats meet WebGL magic. Congrats on pushing the UI frontier and making the experience feel alive. Can’t wait to see what you drop next.

Profilbild von meu nome é jhon
meu nome é jhonvor 3 Monaten

@xiaoerzhan @lusionltd

Profilbild von Rob Southgate
Rob Southgatevor 3 Monaten

@xiaoerzhan @lusionltd

Profilbild von Bally_AgenticAI
Bally_AgenticAIvor 3 Monaten

@xiaoerzhan The impressive part isn't the recreation - it's inferring the render pipeline from a live page instead of source. Analyze, spec, generate, verify: that self-eval loop is what separates agents from generators. Built something similar -

Profilbild von Vishal Sachar
Vishal Sacharvor 3 Monaten

@xiaoerzhan Your website is stunning, well done

Profilbild von Furkan - building Annot
Furkan - building Annotvor 3 Monaten

@xiaoerzhan impressive..

Profilbild von Sourav Chhimpa
Sourav Chhimpavor 3 Monaten

@xiaoerzhan

Profilbild von Sebastian Buzdugan
Sebastian Buzduganvor 3 Monaten

@xiaoerzhan one link gets the demo close, but scroll-driven 3d needs runtime traces

Profilbild von Anish 🔮
Anish 🔮vor 3 Monaten

@xiaoerzhan fck ur AI slop

Profilbild von min heo
min heovor 2 Monaten

@xiaoerzhan I have a question: After cloning an ORYZO page, I'm having trouble creating a page with different content but a similar level of detail. Do you have any tips?

Profilbild von Patrick Zanowski
Patrick Zanowskivor 3 Monaten

@xiaoerzhan What in the acid trip is that bros

Ähnliche Videos

Fable 5 is insane! We gave it a single reference link: HaoqiWen’s Open Design’s built-in skills helped it inspect the site, understand the visual and technical details, and Fable 5 recreate a polished landing page with rich motion and 3D interactions.
1:24

Fable 5 is insane! We gave it a single reference link: HaoqiWen’s Open Design’s built-in skills helped it inspect the site, understand the visual and technical details, and Fable 5 recreate a polished landing page with rich motion and 3D interactions.

OpenDesign

275,101 Aufrufe • vor 3 Monaten

Created a 3D game with Claude Fable 5! All visuals, gameplay and coding done by Claude, I gave it the direction and it took the initiative. Check this out:
1:07

Created a 3D game with Claude Fable 5! All visuals, gameplay and coding done by Claude, I gave it the direction and it took the initiative. Check this out:

Jerrod Lew

91,828 Aufrufe • vor 3 Monaten

This is a japanese house-tour landing page made in three.js with Fable 5.1 using the dream-loop skill. Live site: It's crazy how realistic it looks even though it's all code and under 1 MB (except images). You can tour every room, switch between seasons, see light rays through the house, and watch koi swim through realistic water. The secret sauce to ultra-realistic 3d in code is a loop like this: dream-loop gets the agent to generate a target image, compare the live 3d against it with a separate critic, and keep refining the result. Skill: Let me know if I should open-source the page.
1:19

This is a japanese house-tour landing page made in three.js with Fable 5.1 using the dream-loop skill. Live site: It's crazy how realistic it looks even though it's all code and under 1 MB (except images). You can tour every room, switch between seasons, see light rays through the house, and watch koi swim through realistic water. The secret sauce to ultra-realistic 3d in code is a loop like this: dream-loop gets the agent to generate a target image, compare the live 3d against it with a separate critic, and keep refining the result. Skill: Let me know if I should open-source the page.

Meng To

66,566 Aufrufe • vor 17 Tagen

This portable microscope was designed by Opus 5 I gave it a few simple requirements, and it generated the whole design in code Lots of details and interactions It looks sci-fi, but it can be easily 3D printed Some of the code can even run on a Raspberry Pi Live link ↓
1:13

This portable microscope was designed by Opus 5 I gave it a few simple requirements, and it generated the whole design in code Lots of details and interactions It looks sci-fi, but it can be easily 3D printed Some of the code can even run on a Raspberry Pi Live link ↓

Dilum Sanjaya

35,544 Aufrufe • vor 1 Monat

InstantSplat++ is now open source. It is a lightweight library that connects foundation models (VGGT, MASt3R, MAP-Anything, etc.) with the Gaussian splatting family. Given uncalibrated images, it optimizes a 3D scene in a few seconds. Try the demo and code here:
0:54

InstantSplat++ is now open source. It is a lightweight library that connects foundation models (VGGT, MASt3R, MAP-Anything, etc.) with the Gaussian splatting family. Given uncalibrated images, it optimizes a 3D scene in a few seconds. Try the demo and code here:

Zhiwen(Aaron) Fan

31,864 Aufrufe • vor 7 Monaten

This is one of the wildest things I have built with AI so far 😱 Asked Claude Fable 5 to create a fully interactive 3D crime investigation board using Three.js and it did it in ONE Prompt. It took one more prompt to give it a polished UI inspired by a reference design that I created with GPT Image. What surprised me most was not how it looked. It was how it worked. Fable built a complete Verlet rope physics system with 46 particles in every thread. It handled gravity, damping, distance constraints and all other features of file upload, text and everything. The threads/ropes even lift naturally with pinned evidence instead of clipping through it. I never asked it to implement any of that. I only described the experience I wanted. Maybe that's how we should work with AI. Instead of writing long long specs, we should explain what we want as an experience and let AI do its thing. Anyway, every day Fable 5 raises the bar for what I think AI can build. More to this Live: Code:
0:49

This is one of the wildest things I have built with AI so far 😱 Asked Claude Fable 5 to create a fully interactive 3D crime investigation board using Three.js and it did it in ONE Prompt. It took one more prompt to give it a polished UI inspired by a reference design that I created with GPT Image. What surprised me most was not how it looked. It was how it worked. Fable built a complete Verlet rope physics system with 46 particles in every thread. It handled gravity, damping, distance constraints and all other features of file upload, text and everything. The threads/ropes even lift naturally with pinned evidence instead of clipping through it. I never asked it to implement any of that. I only described the experience I wanted. Maybe that's how we should work with AI. Instead of writing long long specs, we should explain what we want as an experience and let AI do its thing. Anyway, every day Fable 5 raises the bar for what I think AI can build. More to this Live: Code:

The Bugged Dev

105,167 Aufrufe • vor 2 Monaten

Created a 3D scan of the Amazon Prime Air crash site in Miami using newly released NTSB footage. You can see the two vehicles impacted after 21 Air Flight 7598 overshot the runway, and the skid marks leading up. Link below - explore the 3d gaussian splat, site photos, and replay the landing with flight tracking data and ATC audio. Made with COLMAP, LichtFeld Studio, GEV and Astra.
0:44

Created a 3D scan of the Amazon Prime Air crash site in Miami using newly released NTSB footage. You can see the two vehicles impacted after 21 Air Flight 7598 overshot the runway, and the skid marks leading up. Link below - explore the 3d gaussian splat, site photos, and replay the landing with flight tracking data and ATC audio. Made with COLMAP, LichtFeld Studio, GEV and Astra.

Bilawal Sidhu

75,933 Aufrufe • vor 23 Tagen

Found my lost childhood game — and rebuilt it in 3D with Fable 5 + Godot. AirXonix — one of the first games I ever played. My sister and I wore it out on a single PC. Nostalgia hit hard. So I gave Claude Fable 5 the full toolbox: Godot MCP + Blender MCP + APIs for textures, 3D models, SFX, even the music. The whole pipeline in one chat. Honestly? More fun than I've had in months. And the game came out genuinely good. Full build:
0:47

Found my lost childhood game — and rebuilt it in 3D with Fable 5 + Godot. AirXonix — one of the first games I ever played. My sister and I wore it out on a single PC. Nostalgia hit hard. So I gave Claude Fable 5 the full toolbox: Godot MCP + Blender MCP + APIs for textures, 3D models, SFX, even the music. The whole pipeline in one chat. Honestly? More fun than I've had in months. And the game came out genuinely good. Full build:

Stefan 3D AI

14,443 Aufrufe • vor 2 Monaten

🇺🇸 Insta360 Spatial Capture is officially coming to the U.S. on Sep. 28! Update the Insta360 app to the latest version (2.34.0) via your mobile app store or download it from our website, and experience Spatial Capture with Insta360 X4 Air, X5, and X6. Powered by 3D Gaussian Splatting, Spatial Capture lets you scan a room or object with a 360 video and turn it into a fully explorable 3D model—all directly in the Insta360 app. With high quality imaging and native 360 video recording, Insta360 cameras make 3D Gaussian Splatting scanning more accessible, so it's easier than ever to capture and preserve your memories in an immersive 3D format.
0:30

🇺🇸 Insta360 Spatial Capture is officially coming to the U.S. on Sep. 28! Update the Insta360 app to the latest version (2.34.0) via your mobile app store or download it from our website, and experience Spatial Capture with Insta360 X4 Air, X5, and X6. Powered by 3D Gaussian Splatting, Spatial Capture lets you scan a room or object with a 360 video and turn it into a fully explorable 3D model—all directly in the Insta360 app. With high quality imaging and native 360 video recording, Insta360 cameras make 3D Gaussian Splatting scanning more accessible, so it's easier than ever to capture and preserve your memories in an immersive 3D format.

Insta360

66,224 Aufrufe • vor 13 Tagen

The greatest Gaussian Splatting VR demo ever? Captured live at NVIDIA GTC — Mariya Sha experiencing 4D Gaussian Splatting in VR for the very first time. You can tell just from her reaction that this was something else! The scene was optimized using QUEEN, NVIDIA AI Developer's advanced research project for fast radiance field rendering. It’s an incredible look at what happens when high fidelity static and dynamic gaussian splats meets VR. Watch the full video on YouTube: Robert Scoble Did you get to do this one? #VR #3D #VFX
0:47

The greatest Gaussian Splatting VR demo ever? Captured live at NVIDIA GTC — Mariya Sha experiencing 4D Gaussian Splatting in VR for the very first time. You can tell just from her reaction that this was something else! The scene was optimized using QUEEN, NVIDIA AI Developer's advanced research project for fast radiance field rendering. It’s an incredible look at what happens when high fidelity static and dynamic gaussian splats meets VR. Watch the full video on YouTube: Robert Scoble Did you get to do this one? #VR #3D #VFX

Jonathan Stephens

28,114 Aufrufe • vor 1 Jahr

GLM 5.2 just beat Fable 5 at website design. 🌐 The crazy part: GLM is text-only. It can build the site, but it can’t inspect the result. So we paired it with Browser Use v2 multimodal QA subagents. > Reviews the site and finds bugs > Judges the aesthetics > Sends GLM targeted fixes to iterate on Build + full QA cost less than $0.75. Try it now ↓
0:25

GLM 5.2 just beat Fable 5 at website design. 🌐 The crazy part: GLM is text-only. It can build the site, but it can’t inspect the result. So we paired it with Browser Use v2 multimodal QA subagents. > Reviews the site and finds bugs > Judges the aesthetics > Sends GLM targeted fixes to iterate on Build + full QA cost less than $0.75. Try it now ↓

Browser Use

274,733 Aufrufe • vor 3 Monaten

Claude Fable 5 made this entire video by itself. I gave it a /goal prompt, went to the gym, and came back to this. Even the sound effects. Shoutout HyperFrames
3:17

Claude Fable 5 made this entire video by itself. I gave it a /goal prompt, went to the gym, and came back to this. Even the sound effects. Shoutout HyperFrames

Nate Herk

915,313 Aufrufe • vor 3 Monaten

I made this holographic card with Opus 5.5 by combining 2D artwork with 3D objects. I used multiple PNG layers with a depth map skill then added 3D elements like the sword and card extrusion. That combination gives the card its depth. Making the best holographic card I can has been one of my side quests. I think this is it. Live site: My 3D skills are open source:
0:29

I made this holographic card with Opus 5.5 by combining 2D artwork with 3D objects. I used multiple PNG layers with a depth map skill then added 3D elements like the sword and card extrusion. That combination gives the card its depth. Making the best holographic card I can has been one of my side quests. I think this is it. Live site: My 3D skills are open source:

Meng To

102,077 Aufrufe • vor 5 Tagen

Claude Fable 5 has impressive spatial reasoning capabilities that are immediately relevant for engineering and design: In this example I gave Claude Fable 5 a single photo of a hierarchical mesh torus (image generated using a text-to-image model); and in one shot, no iteration, it built a full interactive 3D simulation: ~1,400 nodes & 4,400 fibers, realistic mass–spring physics you can grab, compress, twist… plus strain-based sonification so you can 'hear' the structure vibrate. It inferred the complete 3D topology from a partial 2D view. ⤵️
2:32

Claude Fable 5 has impressive spatial reasoning capabilities that are immediately relevant for engineering and design: In this example I gave Claude Fable 5 a single photo of a hierarchical mesh torus (image generated using a text-to-image model); and in one shot, no iteration, it built a full interactive 3D simulation: ~1,400 nodes & 4,400 fibers, realistic mass–spring physics you can grab, compress, twist… plus strain-based sonification so you can 'hear' the structure vibrate. It inferred the complete 3D topology from a partial 2D view. ⤵️

Markus J. Buehler

36,684 Aufrufe • vor 3 Monaten

Building 3D worlds in a collaborative way assisted by an AI generating code for you! In this demo, I'm using Microsoft Teams AI and Azure #OpenAI to generate Babylon.js code in a meeting, while using #TeamsToolkit for the developer experience. Is it the future of 3D design?
7:07

Building 3D worlds in a collaborative way assisted by an AI generating code for you! In this demo, I'm using Microsoft Teams AI and Azure #OpenAI to generate Babylon.js code in a meeting, while using #TeamsToolkit for the developer experience. Is it the future of 3D design?

David Rousset

15,881 Aufrufe • vor 3 Jahren

This site looks like it was built by a team of 3D developers It wasn't. It's just video. And that's the part nobody expects > he generated two frames with AI > turned them into a clip with Seedance 2.0 > then gave it to Claude 4.8 to wrap into a full immersive scrollable experience Three effects that make the user feel like they're physically moving through a space: > see-through scrub > 3D scroll > mouse tracking None of them are actually 3D. The browser never renders a single polygon. It's a video being controlled by scroll position and cursor movement Most people assume sites like this require a creative developer who specializes in WebGL and weeks of optimization. The actual pipeline is three steps and fits in an afternoon full walkthrough in the article below. bookmark this before you need it
0:37

This site looks like it was built by a team of 3D developers It wasn't. It's just video. And that's the part nobody expects > he generated two frames with AI > turned them into a clip with Seedance 2.0 > then gave it to Claude 4.8 to wrap into a full immersive scrollable experience Three effects that make the user feel like they're physically moving through a space: > see-through scrub > 3D scroll > mouse tracking None of them are actually 3D. The browser never renders a single polygon. It's a video being controlled by scroll position and cursor movement Most people assume sites like this require a creative developer who specializes in WebGL and weeks of optimization. The actual pipeline is three steps and fits in an afternoon full walkthrough in the article below. bookmark this before you need it

monokern

158,253 Aufrufe • vor 2 Monaten

I made an interactive three.js site that constructs towers with weather and time of day effects. I went from making mostly static sites with huge images to three.js with highly textured, detailed 3D models, and the entire site is under 1-2mb. Because it's 3D, you can ask AI to customize everything: themed towers from different countries, ancient and modern styles, weather like snow and rain, lighting from morning to night. The surprising part is that with a solid foundation it creates those changes pretty much one-shot. It's like starting a design system, where the AI figures out how to stay consistent in quality with the rest of the design. The hard part is avoiding 3D slop, which is easier thanks to Opus 5 and open-source projects. I used Claude Code for the harness, Higgsfield to generate textures and soundfx/music. Let me know if you'd like the open-source. Inspiration: Btw, I love that we get auto-translated posts from around the world. It really expands our horizon in terms of inspiration.
0:57

I made an interactive three.js site that constructs towers with weather and time of day effects. I went from making mostly static sites with huge images to three.js with highly textured, detailed 3D models, and the entire site is under 1-2mb. Because it's 3D, you can ask AI to customize everything: themed towers from different countries, ancient and modern styles, weather like snow and rain, lighting from morning to night. The surprising part is that with a solid foundation it creates those changes pretty much one-shot. It's like starting a design system, where the AI figures out how to stay consistent in quality with the rest of the design. The hard part is avoiding 3D slop, which is easier thanks to Opus 5 and open-source projects. I used Claude Code for the harness, Higgsfield to generate textures and soundfx/music. Let me know if you'd like the open-source. Inspiration: Btw, I love that we get auto-translated posts from around the world. It really expands our horizon in terms of inspiration.

Meng To

147,233 Aufrufe • vor 1 Monat

Claude Fable 5 vs Kimi K3 — same 3D build, 3.3x cheaper. someone prototyped a 3D stadium seat-view picker with Fable 5 — preview exactly what you'll see from your seat before buying a ticket. I rebuilt the same thing with Kimi K3 in two hours, at 3.3x lower cost. no more static seat maps. pick a seat, see the actual view in 3D, then buy. works for cinemas, concerts, cricket grounds, Wimbledon — any venue. K3 dropped this week: 2.8 trillion parameters, open weights July 27. 3D is the future, and it just got a lot cheaper to build. Live Fable 5: Live Kimi K3: Code: full Kimi K3 breakdown below.
0:47

Claude Fable 5 vs Kimi K3 — same 3D build, 3.3x cheaper. someone prototyped a 3D stadium seat-view picker with Fable 5 — preview exactly what you'll see from your seat before buying a ticket. I rebuilt the same thing with Kimi K3 in two hours, at 3.3x lower cost. no more static seat maps. pick a seat, see the actual view in 3D, then buy. works for cinemas, concerts, cricket grounds, Wimbledon — any venue. K3 dropped this week: 2.8 trillion parameters, open weights July 27. 3D is the future, and it just got a lot cheaper to build. Live Fable 5: Live Kimi K3: Code: full Kimi K3 breakdown below.

Kirill

207,314 Aufrufe • vor 2 Monaten

WOW. 😳 Apple just quietly won the 3D maps war at WWDC. Gaussian Splatting is coming to Apple Maps Flyover this fall. Apple Maps Flyover covers 300+ cities. Until yesterday, every single one was built on standard drone photogrammetry. The technology captures photos from the air and reconstructs 3D geometry from them. Gaussian Splatting does not reconstruct geometry. It represents the scene as millions of tiny 3D ellipsoids, each one carrying its own color and opacity information based on how light actually behaves in that location. The output is not a mesh model. It is a field of light. When you move through it, it does not crumble at the edges. The detail holds because it was never geometry to begin with. Apple has been hiring for this for years. Their SHARP model, published in research last year, generates photorealistic 3D scenes from a single image in under a second. Google has more sensor data than anyone. More Street View cars, more satellites, more capture history. On navigation accuracy and geodata depth, Google Maps is still ahead by most measures. But fidelity in 3D city rendering is a different competition, and Apple just set a bar in that. Most people will experience this in the fall without knowing the name of the technology. They will open Flyover, look at a city they know, and notice it looks different. Real, not rendered. That is the moment Gaussian Splatting stops being a research term and becomes something a billion people use. Bookmark this. It will look prescient by October.
0:24

WOW. 😳 Apple just quietly won the 3D maps war at WWDC. Gaussian Splatting is coming to Apple Maps Flyover this fall. Apple Maps Flyover covers 300+ cities. Until yesterday, every single one was built on standard drone photogrammetry. The technology captures photos from the air and reconstructs 3D geometry from them. Gaussian Splatting does not reconstruct geometry. It represents the scene as millions of tiny 3D ellipsoids, each one carrying its own color and opacity information based on how light actually behaves in that location. The output is not a mesh model. It is a field of light. When you move through it, it does not crumble at the edges. The detail holds because it was never geometry to begin with. Apple has been hiring for this for years. Their SHARP model, published in research last year, generates photorealistic 3D scenes from a single image in under a second. Google has more sensor data than anyone. More Street View cars, more satellites, more capture history. On navigation accuracy and geodata depth, Google Maps is still ahead by most measures. But fidelity in 3D city rendering is a different competition, and Apple just set a bar in that. Most people will experience this in the fall without knowing the name of the technology. They will open Flyover, look at a city they know, and notice it looks different. Real, not rendered. That is the moment Gaussian Splatting stops being a research term and becomes something a billion people use. Bookmark this. It will look prescient by October.

Shruti

19,832 Aufrufe • vor 3 Monaten

✨ New screencast series up on the Livewire site This one's all about using that sorting plugin I dropped yesterday in a Laravel/Livewire app. We cover all the fun JS & database stuff and tons of little nuggets along the way dig it
1:05

✨ New screencast series up on the Livewire site This one's all about using that sorting plugin I dropped yesterday in a Laravel/Livewire app. We cover all the fun JS & database stuff and tons of little nuggets along the way dig it

Caleb Porzio ⚡️

16,464 Aufrufe • vor 2 Jahren