官方介绍
gsap-skills 是 GSAP 动画库官方（GreenSock）出品的「教 AI 怎么用 GSAP」技能包，仓库 greensock/gsap-skills，15,879 星，MIT 许可，官方标注风险等级 LOW。它采用开放的 Agent Skills 格式（纯文档 SKILL.md，无代码无依赖），适配 Codex、Cursor、Claude Code、Copilot 等 40+ 个 AI 编码工具，目标是让 AI 在处理动画需求时更专业、少犯错。
核心功能
| 技能 | 覆盖内容 |
|---|---|
| gsap-core | 核心 API、stagger 错位动画 |
| gsap-timeline | 时间线编排 |
| gsap-scrolltrigger | 滚动动画、pinning、scrub |
| gsap-plugins | Flip、SplitText、Draggable 等插件 |
| gsap-utils | clamp、mapRange 等工具函数 |
| gsap-react | useGSAP、context、SSR 与清理 |
| gsap-performance | transform 优先等性能规则 |
| gsap-frameworks | Vue / Svelte 生命周期与清理 |
核心价值是把 AI 写 GSAP 的常见错误提前写成规则：timeline 优先于链式 delay、用 transform 别名而非 CSS 布局属性、用 autoAlpha 处理可见性、React 里限定 scope、布局变化后刷新 ScrollTrigger、卸载时清理等。
使用说明
- 安装：
npx skills add https://github.com/greensock/gsap-skills（可加 —skill 指定单个技能） - 技能文件为纯文档格式，安装后 AI 编码工具在涉及 GSAP 动画任务时自动参照执行
- 背景：GSAP 已被 Webflow 收购，原收费的 Club 插件（SplitText、MorphSVG 等）现对所有人免费、含商业用途
官方链接
- GitHub 仓库：https://github.com/greensock/gsap-skills
- GSAP 官网：https://gsap.com