Загрузка видео...

Не удалось загрузить видео

На главную

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 просмотров • 3 месяцев назад •via X (Twitter)

ИгрыНаука и технологии
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 22

Фото профиля Maddison
Maddison3 месяцев назад

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

Фото профиля Mario
Mario3 месяцев назад

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

Фото профиля OpenDesign
OpenDesign3 месяцев назад

Now use Fable 5 inside Open Design without Claude Max

Фото профиля ck y
ck y3 месяцев назад

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

Фото профиля Deziner
Deziner3 месяцев назад

@xiaoerzhan Straight up theft

Фото профиля NAYPACHE STUDIO
NAYPACHE STUDIO3 месяцев назад

@xiaoerzhan Fake news lol

Фото профиля nglsong
nglsong3 месяцев назад

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

Фото профиля André Venâncio
André Venâncio3 месяцев назад

@xiaoerzhan What are you talking about?

Фото профиля charactr
charactr3 месяцев назад

@xiaoerzhan wow this is awesome, congrats!

Фото профиля naive.17
naive.173 месяцев назад

@xiaoerzhan We are straight up downloading websites today

Фото профиля Zander
Zander3 месяцев назад

@xiaoerzhan 🤣

Фото профиля Dipanshu Kushwaha
Dipanshu Kushwaha3 месяцев назад

@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.

Фото профиля meu nome é jhon
meu nome é jhon3 месяцев назад

@xiaoerzhan @lusionltd

Фото профиля Rob Southgate
Rob Southgate3 месяцев назад

@xiaoerzhan @lusionltd

Фото профиля Bally_AgenticAI
Bally_AgenticAI3 месяцев назад

@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 -

Фото профиля Vishal Sachar
Vishal Sachar3 месяцев назад

@xiaoerzhan Your website is stunning, well done

Фото профиля Furkan - building Annot
Furkan - building Annot3 месяцев назад

@xiaoerzhan impressive..

Фото профиля Sourav Chhimpa
Sourav Chhimpa3 месяцев назад

@xiaoerzhan

Фото профиля Sebastian Buzdugan
Sebastian Buzdugan3 месяцев назад

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

Фото профиля Anish 🔮
Anish 🔮3 месяцев назад

@xiaoerzhan fck ur AI slop

Фото профиля min heo
min heo2 месяцев назад

@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?

Фото профиля Patrick Zanowski
Patrick Zanowski3 месяцев назад

@xiaoerzhan What in the acid trip is that bros

Похожие видео

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 просмотров • 3 месяцев назад

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 просмотров • 3 месяцев назад

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 просмотров • 17 дней назад

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 просмотров • 1 месяц назад

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 просмотров • 7 месяцев назад

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 просмотров • 2 месяцев назад

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 просмотров • 23 дней назад

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 просмотров • 2 месяцев назад

🇺🇸 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 просмотров • 13 дней назад

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 просмотров • 1 год назад

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 просмотров • 3 месяцев назад

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 просмотров • 3 месяцев назад

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 просмотров • 5 дней назад

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 просмотров • 3 месяцев назад

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 просмотров • 3 лет назад

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 просмотров • 2 месяцев назад

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 просмотров • 1 месяц назад

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 просмотров • 2 месяцев назад

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 просмотров • 3 месяцев назад

✨ 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 просмотров • 2 лет назад