正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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

22,551 subscribers

275,101 次观看 • 3 个月前 •via X (Twitter)

游戏科学技术

Anya Rossi• Live Now

Private livecam show

21 条评论

OpenDesign 的头像

OpenDesign3 个月前

Fable 5 is now available in Open Design via BYOK. Try it now 👉

OpenDesign 的头像

OpenDesign3 个月前

Now use Fable 5 inside Open Design without Claude Max

Eyisha Zyer 的头像

Eyisha Zyer3 个月前

@wenhaoqi Great, one link in and a whole product out.

koki 的头像

koki3 个月前

@wenhaoqi fable fabulous!

Clément Jonghmans 的头像

Clément Jonghmans3 个月前

@wenhaoqi Woah! Looks amazing!

山田剛的头像

山田剛3 个月前

@wenhaoqi @grok 日本語でこのサイト作るためのプロンプトを教えて

Sebastian Buzdugan 的头像

Sebastian Buzdugan3 个月前

@wenhaoqi fable 5 looks strong but generated motion often breaks when state becomes real

Abid Kumer 的头像

Abid Kumer3 个月前

@wenhaoqi Amazing tools

Achbel Neri S. 的头像

Achbel Neri S.3 个月前

@wenhaoqi Is it possible? I have the code, please. 🥹

Shiyam Kashfiq 的头像

Shiyam Kashfiq3 个月前

@wenhaoqi Impressive how a single link can drive such rich motion and 3D-shows the power of integrated AI design tools

Gerard Sans | Axiom 🇬🇧 的头像

Gerard Sans | Axiom 🇬🇧3 个月前

@wenhaoqi

AqibAi 的头像

AqibAi3 个月前

@wenhaoqi This is a glimpse of where web design is heading. Giving AI a single reference and having it understand layout, motion, interactions, and visual language to recreate a polished experience is incredibly impressive. Excited to see how far this evolves. 🚀

Dipanshu Kushwaha 的头像

Dipanshu Kushwaha3 个月前

@wenhaoqi Impressive work. The integration of Open Design insights with Fable 5 to recreate a polished, motion‑rich landing page is notable. Keen to see more details on the process and outcomes.

Samuel 的头像

Samuel3 个月前

@wenhaoqi which model do you did the best guys?? 🤔

Russian Bot 的头像

Russian Bot3 个月前

@wenhaoqi That looks awful.

Mahmudul | Design Engineer | Creative Director 的头像

Mahmudul | Design Engineer | Creative Director3 个月前

@wenhaoqi So can we cancel Open Design Subscription now?

Maneesh 的头像

Maneesh3 个月前

@wenhaoqi would you pay $15 for me to just make this for your next launch?

AI Mastery Guide 的头像

AI Mastery Guide3 个月前

@wenhaoqi Recreating motion and 3D interactions from a single reference link instead of a detailed spec is a good sign of how far site inspection has come.

Carlos Carpio 的头像

Carlos Carpio3 个月前

@wenhaoqi Can actually design vector LOGOS ?

刘仙升的头像

刘仙升3 个月前

@wenhaoqi 让我想起了 20 年前，每天浏览非常惊艳的HTML 网站。

Shamim Hossain 的头像

Shamim Hossain3 个月前

@wenhaoqi Great

相关视频

Claude Fable 5 built a 3D product website with Claude Code Generate an image of a product with the Magnific MCP, and convert it into a 3D model. Download that model and give it to Fable 5 to develop an interactive page with. Here's the final result + prompts:

Claude Fable 5 built a 3D product website with Claude Code Generate an image of a product with the Magnific MCP, and convert it into a 3D model. Download that model and give it to Fable 5 to develop an interactive page with. Here's the final result + prompts:

Jerrod Lew

33,687 次观看 • 3 个月前

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.

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.

OpenDesign

173,581 次观看 • 3 个月前

Claude fable 5 is operating in a completely different dimension 🤯 Compared it with Claude Opus 4.8, Gemini 3.1 Pro, and GPT 5.5, the visual gap is insane. From 3D fluid dynamics to volumetric animation and complex physics, Fable 5 crushes the game. It’s not even close.

Claude fable 5 is operating in a completely different dimension 🤯 Compared it with Claude Opus 4.8, Gemini 3.1 Pro, and GPT 5.5, the visual gap is insane. From 3D fluid dynamics to volumetric animation and complex physics, Fable 5 crushes the game. It’s not even close.

GMI Cloud

320,134 次观看 • 3 个月前

Fable 5 is BACK on AI/ML API We gave Sonnet 5 and Fable 5 the exact same prompt and same real flight dataset of 70 airports and 435 routes pulled from flightradar. Then asked each one to turn it into a cinematic 3D globe as a single HTML file. Outputs: Sonnet 5: 9.8k tokens, $0.10 Fable 5: 15k tokens, $0.77 Sonnet 5 came in 87% cheaper. It drew the routes, but the planet underneath them barely exists: a dark wireframe with the arcs floating in space. Fable 5 built an actual Earth: textured oceans, ice caps, atmospheric glow. Mythos-class models are truly a masterpiece. Docs, guides & setup below:

Fable 5 is BACK on AI/ML API We gave Sonnet 5 and Fable 5 the exact same prompt and same real flight dataset of 70 airports and 435 routes pulled from flightradar. Then asked each one to turn it into a cinematic 3D globe as a single HTML file. Outputs: Sonnet 5: 9.8k tokens, $0.10 Fable 5: 15k tokens, $0.77 Sonnet 5 came in 87% cheaper. It drew the routes, but the planet underneath them barely exists: a dark wireframe with the arcs floating in space. Fable 5 built an actual Earth: textured oceans, ice caps, atmospheric glow. Mythos-class models are truly a masterpiece. Docs, guides & setup below:

AI/ML API

498,492 次观看 • 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:

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 个月前

Fable 5 built this 3D world in Three.js with no external assets. The project was almost entirely generated autonomously by Fable 5, with only occasional human feedback for visual details the model could not reliably inspect, like moving water and wind effects. That makes the result a lot more interesting than a normal assisted 3D demo: the terrain, vegetation, atmosphere and world structure were effectively produced by the model itself. The full prompt is also included in the repository, so the experiment is inspectable. Repository: Project by: Remi Sebastian Kits

Fable 5 built this 3D world in Three.js with no external assets. The project was almost entirely generated autonomously by Fable 5, with only occasional human feedback for visual details the model could not reliably inspect, like moving water and wind effects. That makes the result a lot more interesting than a normal assisted 3D demo: the terrain, vegetation, atmosphere and world structure were effectively produced by the model itself. The full prompt is also included in the repository, so the experiment is inspectable. Repository: Project by: Remi Sebastian Kits

Token Gremlin

11,708 次观看 • 1 个月前

Kimi K3 vs Fable 5. Same prompt and reference. 3D globe dashboard. Kimi left, Fable right. To me, Kimi's UI fidelity is a touch better. The globe looks better too, with richer textures and smoother motion. This task: ~$3 with Kimi, ~$15 with Fable. I'd pick Kimi k3 for frontend work.

Kimi K3 vs Fable 5. Same prompt and reference. 3D globe dashboard. Kimi left, Fable right. To me, Kimi's UI fidelity is a touch better. The globe looks better too, with richer textures and smoother motion. This task: ~$3 with Kimi, ~$15 with Fable. I'd pick Kimi k3 for frontend work.

Kai

226,736 次观看 • 2 个月前

I open-sourced the Sylva three.js site and the skills behind it. I started with one reference and asked Opus 5 to recreate it in Three.js as a single HTML file (looped for 2 hours). The moss root is procedural geometry with around 130,000 instanced blades, and all the code is under 1 MB. Live site: Repo: I turned the main interactions into three reusable skills: - threejs-wireframe-scan-reveal - threejs-pointer-orbit - threejs-gpu-particle-spray Skills repo:

I open-sourced the Sylva three.js site and the skills behind it. I started with one reference and asked Opus 5 to recreate it in Three.js as a single HTML file (looped for 2 hours). The moss root is procedural geometry with around 130,000 instanced blades, and all the code is under 1 MB. Live site: Repo: I turned the main interactions into three reusable skills: - threejs-wireframe-scan-reveal - threejs-pointer-orbit - threejs-gpu-particle-spray Skills repo:

Meng To

134,202 次观看 • 1 个月前

I re-ran my Fable 5 3D dashboard demo with GLM-5.2. Same prompt. Same reference image. The result is actually pretty solid: 3D globe, route arcs, glass panels, stats cards, and a usable demo page. It is not at Fable 5 level yet, especially in visual precision and one-shot polish. But GLM-5.2 is accessible to all GLM Coding Plan users now. If you’re curious, it’s worth trying. Demo webpage + prompt below 👇

I re-ran my Fable 5 3D dashboard demo with GLM-5.2. Same prompt. Same reference image. The result is actually pretty solid: 3D globe, route arcs, glass panels, stats cards, and a usable demo page. It is not at Fable 5 level yet, especially in visual precision and one-shot polish. But GLM-5.2 is accessible to all GLM Coding Plan users now. If you’re curious, it’s worth trying. Demo webpage + prompt below 👇

AI Builder Club

49,848 次观看 • 3 个月前

i tried Opus 5.0 vs Fable 5 Max. Claude Opus 5.0 is quite the AGI beast in 3D, the texture and details are absolutely insane. Fable one shotted this though, could be improved. credit to Chetaslua for the Opus 5 code.

i tried Opus 5.0 vs Fable 5 Max. Claude Opus 5.0 is quite the AGI beast in 3D, the texture and details are absolutely insane. Fable one shotted this though, could be improved. credit to Chetaslua for the Opus 5 code.

sui

262,574 次观看 • 2 个月前

More realistic example of a one shotted game. Asked Fable 5 to recreate a game in the style of The Elder Scrolls 5 Morrowind. It one shotted quests, currencys and fighting, journal and minimap. And it worked.

More realistic example of a one shotted game. Asked Fable 5 to recreate a game in the style of The Elder Scrolls 5 Morrowind. It one shotted quests, currencys and fighting, journal and minimap. And it worked.

Chubby♨️

19,472 次观看 • 3 个月前

WTF fable 5 is insane 🤯 I gave it one prompt: "make my dream game" and somehow it generated world of warcraft!!!

WTF fable 5 is insane 🤯 I gave it one prompt: "make my dream game" and somehow it generated world of warcraft!!!

OrcDev

12,958 次观看 • 3 个月前

Claude Fable 5 is unreal. I gave it one prompt and it literally built a BioShock-esque FPS game from scratch weapons, enemies, sound effects, everything.

Claude Fable 5 is unreal. I gave it one prompt and it literally built a BioShock-esque FPS game from scratch weapons, enemies, sound effects, everything.

Yaseen Khan Gul

204,168 次观看 • 3 个月前

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:

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 个月前

We tested Kimi K3 against Claude Fable 5 on 3D modeling and animation Asked both to recreate the Millennium Falcon from Star Wars in 1) pixel style 2) original style. Both are on Max effort. Kimi K3 took a bit longer than Fable 5 to generate, but came in ~1/3 cheaper on the 1st test, and less than half the cost on the 2nd. Interestingly, Kimi K3 handled the details at the same level as Fable 5 on the original creation, yet it wasn't at Fable's level for the pixel style. Test 1 (Pixel) Kimi K3: 1hr 11min · $14.5 Fable 5: 49min · $21 Test 2 (Original) Kimi K3: 1hr 17min · $19.3 Fable 5: 1hr 5min · $47.2

We tested Kimi K3 against Claude Fable 5 on 3D modeling and animation Asked both to recreate the Millennium Falcon from Star Wars in 1) pixel style 2) original style. Both are on Max effort. Kimi K3 took a bit longer than Fable 5 to generate, but came in ~1/3 cheaper on the 1st test, and less than half the cost on the 2nd. Interestingly, Kimi K3 handled the details at the same level as Fable 5 on the original creation, yet it wasn't at Fable's level for the pixel style. Test 1 (Pixel) Kimi K3: 1hr 11min · $14.5 Fable 5: 49min · $21 Test 2 (Original) Kimi K3: 1hr 17min · $19.3 Fable 5: 1hr 5min · $47.2

GMI Cloud

80,618 次观看 • 2 个月前

Claude Fable 5 has been out for a day. I already one-shotted a voxel spaceship racer with it. I fed it a reference image of a track layout and told it to build a full game around that shape. Missiles, boost zones, 3 AI opponents, 3 laps, a HUD with speed and health. Fable 5 read the image, traced the track geometry, and built the entire thing. One prompt. This is what Mythos-class models do to the build cycle.

Claude Fable 5 has been out for a day. I already one-shotted a voxel spaceship racer with it. I fed it a reference image of a track layout and told it to build a full game around that shape. Missiles, boost zones, 3 AI opponents, 3 laps, a HUD with speed and health. Fable 5 read the image, traced the track geometry, and built the entire thing. One prompt. This is what Mythos-class models do to the build cycle.

God of Prompt

27,386 次观看 • 3 个月前

Something feels seriously off with Claude Fable 5.1 🙄 I recreated the exact same 3D stadium I had built with Fable 5 just to see how much better 5.1 would be. Instead, Fable 5.1 took more than > 1 hour and hit the max limit 2 or 3 times on a single prompt. Fable 5 basically had the whole website ready in one shot and its output was actually much better. Fable 5.1 felt good with metal but added these weird black things that look like basket wings... genuinely have no idea what those are. Not good. And this observation isn’t just for one website. I saw similar behavior with a much simpler hero page where Fable 5.1 maxed out on a single prompt, something I never really experienced with Fable 5 for similar other websites Also, 3D models and animations of that other website also looked noticeably worse compared to what Fable 5 used to produce. In fact, they were even worse than what I’ve seen Opus 5 do. I’ll keep testing it, but so far Fable 5.1 feels less like an upgrade and more like a regression to me, tbh.

Something feels seriously off with Claude Fable 5.1 🙄 I recreated the exact same 3D stadium I had built with Fable 5 just to see how much better 5.1 would be. Instead, Fable 5.1 took more than > 1 hour and hit the max limit 2 or 3 times on a single prompt. Fable 5 basically had the whole website ready in one shot and its output was actually much better. Fable 5.1 felt good with metal but added these weird black things that look like basket wings... genuinely have no idea what those are. Not good. And this observation isn’t just for one website. I saw similar behavior with a much simpler hero page where Fable 5.1 maxed out on a single prompt, something I never really experienced with Fable 5 for similar other websites Also, 3D models and animations of that other website also looked noticeably worse compared to what Fable 5 used to produce. In fact, they were even worse than what I’ve seen Opus 5 do. I’ll keep testing it, but so far Fable 5.1 feels less like an upgrade and more like a regression to me, tbh.

The Bugged Dev

99,417 次观看 • 1 个月前

A CHINESE GIRL USED FABLE 5 TO BUILD A GAME THAT TURNS YOUR HAND INTO WATER it's for meditation you move your hand, the water moves with it that's the whole game what's running under the hood: > Fable 5 built the entire interaction logic > meshy turned text into the 3D water world > three.js and webGL render everything live in your browser > mediapipe tracks your hand through the camera alone whole thing takes 3-5 minutes and 300+ people already tried it she built this as a way to breathe for 5 minutes ended up making one of the coolest things anyone's done with Fable 5 if you wanna see what else Fable 5 can do full guide below

A CHINESE GIRL USED FABLE 5 TO BUILD A GAME THAT TURNS YOUR HAND INTO WATER it's for meditation you move your hand, the water moves with it that's the whole game what's running under the hood: > Fable 5 built the entire interaction logic > meshy turned text into the 3D water world > three.js and webGL render everything live in your browser > mediapipe tracks your hand through the camera alone whole thing takes 3-5 minutes and 300+ people already tried it she built this as a way to breathe for 5 minutes ended up making one of the coolest things anyone's done with Fable 5 if you wanna see what else Fable 5 can do full guide below

Madni Aghadi

13,289 次观看 • 3 个月前

i gave the exact same prompt to Opus 5 and Fable 5 and here's what came out Opus 5 dropped yesterday and my feed was instantly full of comparison posts but i wanted to check it myself so i gave it one task build 3d Flappy Bird first thing everyone was saying Opus is 2x cheaper than Fable BUT.. building the game on Max effort cost me 250k tokens and 1 hour on Opus and 130k on Fable but Fable did it in half the time Opus gave me volume control plus 3 separate graphics presets to choose from, Fable gave none of that in Opus the environment shifts dynamically as you play in Fable it's basically the same frame the whole run maybe a day/night change here and there graphics, animations, glow, all of it goes to Opus and now that limits jumped 50% for the near future while Fable went paid for me the call is obvious right now Opus same prompt start to finish zero changes to code or commands want it? i can send it over

i gave the exact same prompt to Opus 5 and Fable 5 and here's what came out Opus 5 dropped yesterday and my feed was instantly full of comparison posts but i wanted to check it myself so i gave it one task build 3d Flappy Bird first thing everyone was saying Opus is 2x cheaper than Fable BUT.. building the game on Max effort cost me 250k tokens and 1 hour on Opus and 130k on Fable but Fable did it in half the time Opus gave me volume control plus 3 separate graphics presets to choose from, Fable gave none of that in Opus the environment shifts dynamically as you play in Fable it's basically the same frame the whole run maybe a day/night change here and there graphics, animations, glow, all of it goes to Opus and now that limits jumped 50% for the near future while Fable went paid for me the call is obvious right now Opus same prompt start to finish zero changes to code or commands want it? i can send it over

savip.

45,764 次观看 • 2 个月前

fable 5.1 vs fable 5 vs opus 5 – three lord of the rings landmarks, built in 3d from one image the setup: one reference image per scene, one html file per build, everything procedural – no meshes, no textures, no image files, nothing past Three.js from a cdn. each model reads the picture, writes its own prompt from it, then builds to that prompt in the same turn. three named camera shots per scene on keys 1/2/3, so it can be screen-recorded. run through OpenRouter tasks: 1. bag end – hobbiton from two frames, outside and in. the round green door has to open onto the room you are standing in 2. barad-dûr – the tower and orodruin from one film still. the eye has to move and track the camera, the volcano erupts on a cycle, the clouds never stop 3. rivendell – jerry vanderstelt's painting. sun shafts that shimmer, water that falls without a break, trees that sway on a gust models: Anthropic fable 5.1, fable 5, opus 5 total cost, three builds #1 fable 5 – $14.97 #2 opus 5 – $18.53 #3 fable 5.1 – $22.38 wall clock, three builds #1 fable 5 – 38m #2 fable 5.1 – 92m #3 opus 5 – 122m output tokens #1 fable 5 – 298,592 #2 fable 5.1 – 439,435 #3 opus 5 – 724,418 lines of code shipped #1 fable 5 – 2,885 #2 fable 5.1 – 4,021 #3 opus 5 – 5,161 biggest single build, lines #1 opus 5, bag end – 2,410 #2 fable 5.1, barad-dûr – 1,375 #3 fable 5, bag end – 1,319 observations: • fable 5.1 is the only model that furnished the bag end interior – a live fire, panelling, books on the floor, leaded diamond windows, against fable 5's flat color and opus's dark tunnel. the round door outside opens onto that room, the hard part of the brief • what it costs is thinking room. the 128k output ceiling is a thinking budget in disguise: fable 5.1 burned 102,116 of it on reasoning and hit the wall mid-file. opus spent 109,241 and hit the same wall. fable 5 spent 61,240 and finished bag end in one call – the only one that did • fable 5.1's first pass is not the finished thing. its barad-dûr came back with three defects you only catch by looking at it – nothing a read of the code would have flagged • it is the best of the three at being corrected. handed a plain list of what was wrong, it returned 32 targeted patches over two rounds, every one applied first try, and it worked out one of the causes itself instead of guessing at constants conclusion: nine scenes, 12,067 lines and 1.46m output tokens for $55.88 all in – and the cheapest model was also the fastest, by 3.2x! follow thehype. for 24/7 ai news, analysis and breakdowns

fable 5.1 vs fable 5 vs opus 5 – three lord of the rings landmarks, built in 3d from one image the setup: one reference image per scene, one html file per build, everything procedural – no meshes, no textures, no image files, nothing past Three.js from a cdn. each model reads the picture, writes its own prompt from it, then builds to that prompt in the same turn. three named camera shots per scene on keys 1/2/3, so it can be screen-recorded. run through OpenRouter tasks: 1. bag end – hobbiton from two frames, outside and in. the round green door has to open onto the room you are standing in 2. barad-dûr – the tower and orodruin from one film still. the eye has to move and track the camera, the volcano erupts on a cycle, the clouds never stop 3. rivendell – jerry vanderstelt's painting. sun shafts that shimmer, water that falls without a break, trees that sway on a gust models: Anthropic fable 5.1, fable 5, opus 5 total cost, three builds #1 fable 5 – $14.97 #2 opus 5 – $18.53 #3 fable 5.1 – $22.38 wall clock, three builds #1 fable 5 – 38m #2 fable 5.1 – 92m #3 opus 5 – 122m output tokens #1 fable 5 – 298,592 #2 fable 5.1 – 439,435 #3 opus 5 – 724,418 lines of code shipped #1 fable 5 – 2,885 #2 fable 5.1 – 4,021 #3 opus 5 – 5,161 biggest single build, lines #1 opus 5, bag end – 2,410 #2 fable 5.1, barad-dûr – 1,375 #3 fable 5, bag end – 1,319 observations: • fable 5.1 is the only model that furnished the bag end interior – a live fire, panelling, books on the floor, leaded diamond windows, against fable 5's flat color and opus's dark tunnel. the round door outside opens onto that room, the hard part of the brief • what it costs is thinking room. the 128k output ceiling is a thinking budget in disguise: fable 5.1 burned 102,116 of it on reasoning and hit the wall mid-file. opus spent 109,241 and hit the same wall. fable 5 spent 61,240 and finished bag end in one call – the only one that did • fable 5.1's first pass is not the finished thing. its barad-dûr came back with three defects you only catch by looking at it – nothing a read of the code would have flagged • it is the best of the three at being corrected. handed a plain list of what was wrong, it returned 32 targeted patches over two rounds, every one applied first try, and it worked out one of the causes itself instead of guessing at constants conclusion: nine scenes, 12,067 lines and 1.46m output tokens for $55.88 all in – and the cheapest model was also the fastest, by 3.2x! follow thehype. for 24/7 ai news, analysis and breakdowns

thehype.

18,509 次观看 • 1 个月前