AGI Hunt· aziz4ai·· 2 小时前AI 评分58
一条提示词工作流:用 Claude 生成 GSAP 滚动动画单文件网页
一条提示词工作流:用 Claude 生成 GSAP 滚动动画单文件网页
AI 导读
一位开发者分享了自己网站滚动动效页的制作流程,先用 runware 的 MCP 生成玻璃球完好与破碎两张图,再用一条给 Claude Sonnet 的提示词输出包含 GSAP ScrollTrigger 的单个 HTML 文件。该文件实现球体碎裂、区块钉住和横向卡片滚动等效果,PC 与手机端均表现良好。作者强调关键在于请求前先描述清楚运动逻辑,即什么钉住、什么移动、何时切换,提示词附在评论区。
来源:AGI Hunt · agihunt.info