GSAP 官方把自己的动画知识整理成了一组面向 AI coding agents 的 Skill：gsap-skills。它不是又一个动画库封装，而是把 GSAP 的核心 API、timeline、ScrollTrigger、插件体系、React/Vue/Svelte 生命周期、性能注意事项和常见代码模式，直接写成可以被 Claude Code、Cursor、Codex、Copilot、Windsurf 等工具读取的上下文。
这类项目的价值很实际。AI 写网页动画时，最容易犯的不是“不会写一段 gsap.to()”，而是把滚动动画、组件卸载、选择器作用域、ScrollTrigger refresh、React cleanup 这些工程细节写得不够稳。gsap-skills 把这些坑提前变成规则和示例，让生成出来的代码更像一个熟悉 GSAP 的前端工程师写的。
给 AI 的动画手册，而不是给人看的文档目录
仓库里按能力拆了 8 个 skill：gsap-core 管 tween、easing、stagger；gsap-timeline 管序列、labels 和嵌套时间线；gsap-scrolltrigger 覆盖滚动驱动、pin、scrub 和清理；gsap-plugins 收进 Flip、Draggable、SplitText、MorphSVG、ScrambleText 等插件；另外还有 utils、React、性能和多框架相关内容。
安装方式也很直接，README 推荐用 npx skills add https://github.com/greensock/gsap-skills，CLI 会自动识别当前 agent。Claude Code 可以走 plugin marketplace，Cursor 可以用 Remote Rule；如果是 Codex 或其它支持 skill 目录的工具，也可以把 skills/ 文件夹复制到对应位置。
Webflow 收购之后，GSAP 的插件门槛也变了
README 里有一个对前端开发者很重要的信息：在 Webflow 收购 GSAP 之后，GSAP 以及曾经属于 Club GSAP 的插件已经对所有人免费，包括商业用途。也就是说，AI 不需要再生成带私有 registry、token 或 .npmrc 的安装建议，直接从公开 gsap npm 包安装即可。
如果你在做营销页、交互型产品页、作品集、可视化叙事，或者经常让 AI 帮你把静态页面加上动效，这个仓库值得放进工具链。它的定位很克制：不替你设计动画审美，但能让 AI 更少写出错误生命周期、更少滥用 layout 属性，也更容易在 ScrollTrigger、timeline 和 framework cleanup 上走对路。
项目地址
官网：https://gsap.com
项目地址：https://github.com/greensock/gsap-skills
原创文章，如若转载，请注明出处：https://wefound.cc/p/3592.html
