跳到正文
热点事件持续更新

开发者用Claude提示词生成GSAP滚动动画网页

1 篇报道1 个报道来源2 小时前更新

先了解这件事

AI 综述

2026年10月2日,AGI Hunt 报道了一位开发者分享的网页滚动动效制作流程:他先借助 runware 的 MCP 生成玻璃球完好与破碎两张图片,再用一条写给 Claude Sonnet 的提示词,直接输出一个包含 GSAP ScrollTrigger 的单个 HTML 文件。该文件实现了球体碎裂、区块钉住以及横向卡片滚动等效果,作者称在 PC 与手机端均表现良好。他强调关键在于发出请求前先把运动逻辑描述清楚,即什么元素钉住、什么元素移动、何时切换,并把所用提示词附在评论区。目前该流程仍为个人经验分享,报道未提及更多使用者的验证或后续更新。

AI 根据报道生成 · 1 小时前更新

报道时间线

沿着报道,了解事件的不同侧面。

10月2日
  1. AGI Hunt
    一条提示词工作流:用 Claude 生成 GSAP 滚动动画单文件网页

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

本事件热度走势

还没有足够的连续观测数据,暂不绘制趋势。