greensock/gsap-skills

这是什么？

核心功能

• 01涵盖 gsap.to、from、fromTo 的补间动画、缓动、交错动画与默认配置。
• 02讲解时间线的顺序编排、位置参数、标签与嵌套。
• 03指导 ScrollTrigger 的使用，包括固定、scrub 与刷新。
• 04提供 Flip、Draggable、SplitText、ScrollSmoother 等插件的使用说明。
• 05给出 React 中 useGSAP 与 gsap.context 的写法及正确清理方式。

适用场景

• 让 AI 编码助手生成基于滚动的 GSAP 动画。
• 保证 AI 生成的 GSAP 代码符合库的推荐写法。
• 在 React、Vue 或 Svelte 项目中添加 GSAP 动画并正确清理。

快速上手

1. 1

   将技能安装到你的编程助手中

   npx skills add https://github.com/greensock/gsap-skills
2. 2

   在项目中安装 GSAP 包（包含所有插件）

使用前须知

• !这些技能是供 AI 助手使用的指导文件，并非 GSAP 库本身，运行动画仍需安装 gsap。

标签

常见问题

gsap-skills 是什么？

GSAP 官方 AI 智能体技能包，教编码助手正确使用 GSAP 动画库的核心 API、时间线、ScrollTrigger 与插件。 GSAP AI Skills 是 GreenSock 团队为 GSAP（GreenSock Animation Platform）提供的一组 Agent Skills 文件。每个技能是一份聚焦的指南，AI 编码助手加载后即可按照库的推荐方式编写 GSAP 代码，内容涵盖补间动画、时间线、ScrollTrigger、插件、gsap.utils、React 等框架集成以及性能优化。

gsap-skills 可以免费使用吗？用的什么许可证？

gsap-skills 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。

gsap-skills 还在维护吗？

半年内有更新。gsap-skills 最近一次提交是在 2026年7月29日。

gsap-skills 适合用来做什么？

让 AI 编码助手生成基于滚动的 GSAP 动画。 保证 AI 生成的 GSAP 代码符合库的推荐写法。 在 React、Vue 或 Svelte 项目中添加 GSAP 动画并正确清理。

gsap-skills 怎么安装和运行？

将技能安装到你的编程助手中: npx skills add https://github.com/greensock/gsap-skills 在项目中安装 GSAP 包（包含所有插件）

在哪里获取 gsap-skills？

源代码和安装说明在 GitHub 上：https://github.com/greensock/gsap-skills