用 Fable 5 和 Claude 复刻 Trevor Noah 网站书籍页

炫酷

精选理由

看开发者怎么用 Fable 5 和 Claude,几句提示就复刻出官网的酷炫书籍动画,Three.js 纯数学建模,好玩又省事。

AI 摘要

开发者使用 Fable 5 和 Claude 仅用几个提示便复刻了 Trevor Noah 网站的“Books”页面,所有书籍由 Three.js 基于纯数学构建,无需 3D 资产。动画通过 GSAP 实现,效果逼真接近实体书。该项目展示了如何用 AI 描述需求,达到通常代理收费数千美元的效果。

原文 · 小互

炫酷

炫酷 The Bugged Dev @thebuggeddev Casually vibe coded @Trevornoah 's latest website "Books" page using Fable 5 😍 I really loved the effects and animations on the website and immediately wanted to see if I could recreate them with AI. Pretty close in just a couple of prompts, isn't it? Everything is built in @threejs with no 3D assets for the books. Claude built the whole thing using pure math and animated it nicely with GSAP. Feels so realistic and close to real book. Pretty fun to see how close you can get to the kind of work agencies charge thousands of dollars for, just by describing what you want :D Live: books-sigma-ashen.vercel.app V Code: github.com/thebuggeddev/b… v Your browser does not support the video tag. 🔗 View on Twitter 🔗 View Quoted Tweet 💬 0 🔄 0 ❤️ 1 👀 481 ⚡

用 Fable 5 和 Claude 复刻 Trevor Noah 网站书籍页 · AI 热点