提示语
我如何用 Claude 构建它 👇 1. Prompt：“构建一个叙事网站，每个滚动区块都通过流畅的色彩过渡揭示一个新的章节” 2. 使用 Three.js 制作会响应光标的绘画质感背景 3. Prompt：“加入 GSAP ScrollTrigger，让每个区块像电影场景一样进入动画” 4. 使用 Lenis.js 实现高级网站那种丝滑的平滑滚动
来源热度 · X
96
稳定度
88
Creator · 值得学习
Oluwaphilemon1
Oluwaphilemon1 在X输出 UI 工程化实践，《Claude 滚动叙事网站》搭 Claude · Three.js · GSAP 出方案，带可复现代码。
代表案例
从代表 Case 开始判断。
AI 编程(UI)X
3D 超市包装式创意机构官网
@Oluwaphilemon1 使用 Claude Fable 5 · Three.js · Blender · GSAP完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
Claude Fable 5 和 GPT-5.6 很强🥵🥵🥵 下面是我如何使用 Claude 构建的 👇 提示词：「设计一个机构网站，把服务以 3D 超市商品包装的形式呈现」 使用 Three.js 和 WebGL 在浏览器中实时渲染所有产品 使用 Blender 制作包装模型，然后导出为 GLTF 以加载到 Three.js 中 使用 GSAP 实现流畅的产品旋转和悬停交互 如果你想做一个让客户感觉像是在购买高级商品的作品集，请保存这条 🛒
来源热度 · X
17
稳定度
84