用Claude构建滚动叙事网站(Three.js + GSAP)
来自 Wikiprompt，自由的提示词百科全书
用Claude构建滚动叙事网站(Three.js + GSAP) 一份简短的构建方案,用于借助Claude进行电影感滚动叙事网站的vibe coding,将两个提示词与Three.js、GSAP ScrollTrigger和Lenis.js结合使用。
提示词内容
此提示词为英文——适用于所有 AI 模型。
Step 1 — Prompt:
"Build a storytelling website where each scroll section reveals a new chapter with fluid color transitions."
Step 2 — Use Three.js for the painted texture background that reacts to the cursor.
Step 3 — Prompt:
"Add GSAP ScrollTrigger so each section animates in as a cinematic scen...
登录以查看完整提示词
登录以继续用法
此提示词专为 coding 设计。复制上方内容并粘贴到你常用的 AI 工具中。
为获得最佳效果，可将占位符（方括号或大写字母标示）替换为你的具体需求。
参考资料
- 分类: coding Prompts
- 来源: https://x.com/Oluwaphilemon1/status/2057102727000228176
- Original view: View on Wikiprompt
Related media
