AI Skills · 设计gsap-skills
入馆:2026 年 10 月 11 日
gsap-skills
GSAP 官方出的 8 个 Skill,教 AI 编程助手用对 GSAP,做网页动画和滚动效果。
- 生态
- Agent Skills
- Skill 分类
- 设计
- 创建者 / 机构
- GreenSock
它是什么
gsap-skills 是 GSAP 团队(GreenSock)在 GitHub 上发布的官方 Skill,GSAP 是做网页动画常用的 JavaScript 库。8 个 Skill 分别讲核心用法、时间轴(timeline)、滚动触发动画(ScrollTrigger)、各种插件、工具函数、React 写法、性能,以及 Vue、Svelte 等框架里的用法。装上以后,AI 写动画时会照官方推荐的写法来,比如用时间轴排好先后顺序、不靠一串延时硬凑,用 gsap.matchMedia() 照顾开了“减弱动态效果”的用户。它特别的地方在于出自 GSAP 自己的团队,Skill 里也写明了很简单的过渡用 CSS 动画就够。README 写明 GSAP 现在完全免费,包括以前的会员插件,商用也不需要会员。
适合谁:用 AI 编程助手做网页,想加滚动动画、转场和交互动效的人;不写代码的读者用不上。
使用前提:可以用 npx skills add 安装;Claude Code 可以从插件市场装,Cursor 可以添加远程规则,也可以手动把 skills 文件夹复制到 AI 工具读取 Skill 的目录。README 列出的工具有 Cursor、Claude Code、Codex、Windsurf、Copilot 和 Google Antigravity 等;GitHub Copilot 不直接读这些文件,要按 README 另外复制一份说明文件。Skill 本身的许可证是 MIT,GSAP 库的使用条款以官网为准。
以上根据项目公开说明整理,本站没有实际测试。