帮助在 Claude Code 中创建和管理 GSAP 动画与滚动效果
复制安装指令,让 AI 自动完成配置 · 推荐新手
"GSAP MCP Server" 暂无可直接复制的安装信息,请查看页面文档或源码仓库。
请为一个营销落地页编写 GSAP 动画方案:头图淡入上移,功能卡片依次出现,按钮带轻微弹性效果,并给出可直接使用的时间线代码。
一套包含时间线结构与关键动画参数的 GSAP 代码建议。
请为产品介绍页设计 GSAP ScrollTrigger 动画:当用户滚动到每个模块时触发标题、图片和说明文字的分步出现,并说明触发时机。
包含 ScrollTrigger 配置、触发逻辑和分步动画代码的实现方案。
检查这组 GSAP 动画的性能风险,重点关注时间线过多、滚动触发频繁和可能导致卡顿的属性,并提出优化建议。
一份针对 GSAP 动画性能的诊断与优化建议清单。
开发者在编写网页交互时,可用它在 Claude Code 中生成和管理 GSAP 动画。适合需要统一控制多个入场、过渡或交互动效的场景。
当页面需要随滚动触发内容展示时,这个工具可帮助处理 GSAP 的滚动触发动画。适用于产品介绍页、品牌官网和长页面叙事设计。
对于已有的 GSAP 动画方案,它可用于管理和优化性能相关设置。适合在动画复杂、滚动逻辑较多时辅助减少卡顿风险。
它是一个 MCP 工具,用于让 Claude Code 创建和管理 GSAP 动画。已知能力包括时间线、滚动触发以及性能优化相关操作。
根据描述,它支持创建和管理 GSAP 动画,并覆盖 timelines、scroll triggers 与性能优化。更细的 API 或边界能力见源码仓库。
给定素材没有提供安装步骤、运行时要求或密钥信息。相关前置条件见源码仓库。
通过自然语言生成 GSAP 动画代码,帮助快速完成网页动效开发与迭代。
将 Claude 变为 GSAP 动画专家,用自然语言生成可用于生产的动画方案与代码。
分析网页滚动触发动画并提取相关实现代码,便于调试与复用
通过命令行驱动 Claude Design,创建、迭代并导出设计系统。
让 Claude Code 通过 @ 提及即时读取项目文档并理解代码架构规范
帮助用户在 Claude 中生成 3Blue1Brown 风格的数学动画视频与 AI 配音。