🏷️ GSAP

前端动画王者GSAP发布官方Skill，赋能AI实现Apple级动效

前端动画库GSAP官方推出了全新的gsap-skills工具包。该工具支持Cursor、Claude Code等主流AI Agent，内置25+高级实战案例，涵盖Timeline、ScrollTrigger等核心技能。GSAP现全部免费开源，支持React、Vue等全框架，结合AI可瞬间生成流畅、专业的Apple级网页动效。

如何用 AI 构建价值 5000 美元的落地页

文章作者 Prajwal Tomar 分享了如何利用 AI 工具（主要是 Lovable）和精准的提示词，打造出一个具有电影级滚动效果、3D 模型和 Shader 动效的高端落地页。文章的核心观点是：AI 生成的页面之所以显得平庸，是因为提示词缺乏具体性。作者详细展示了从 Hero 区域的 3D 倾斜、Spline 3D 模型集成、WebGL 特效到滚动驱动的层级堆叠架构的实现过程，强调了具体参数、代码片段引用以及空间架构定义的重要性。

HyperFrames vs Remotion - a detailed rundown

文章详细对比了 HyperFrames 和 Remotion 两个代码驱动视频渲染工具的差异。作者指出，尽管 Remotion 是成熟的 React 方案，但 HyperFrames 从零构建，选择了 HTML 路线。这主要出于两个考量：一是 Agent 原生工作流，HTML 更符合 LLM 的训练数据，能激发更佳的创意输出；二是人类编辑工作流，HTML 作为渲染层和数据源，使得构建可视化编辑器更加健壮。文章还分析了两者在动画库兼容性（如 GSAP）、原生 HTML 支持以及渲染模式上的技术区别。

开源 HyperFrames：让 AI Agent 通过 HTML 创作视频

HeyGen 开源了 HyperFrames，这是一个基于 HTML 的视频工具链和渲染框架。它允许 AI Agent（如 Claude Code）通过编写 HTML、CSS 和 JavaScript 来创建、预览和渲染视频。通过添加简单的 data 属性定义时间轴，Agent 可以利用其庞大的网络训练数据生成高质量的运动图形和视频，无需学习复杂的传统视频编辑软件。