前端与 UI
GSAP Skills
官方 GSAP 动画套件，从核心补间到 ScrollTrigger 和 React。
这是什么
GreenSock 官方出品、用 GSAP 做 Web 动画的 Skill 套件。八个模块覆盖核心 API、时间线、ScrollTrigger、插件、React、其他框架、性能和工具函数。
Bundles 8 modules: core / timeline / scrolltrigger / plugins / react / frameworks / performance / utils
Official GSAP animation skill set: core API, timelines, ScrollTrigger, plugins, React, other frameworks, performance and utils.
它对设计意味着什么
- 动效照 GSAP 真实 API 来，而不是 Agent 瞎猜语法。
- ScrollTrigger 和时间线被正确编排，而不是临时堆在一起。
- 性能规则让动画流畅，滚动时不卡顿。
包含哪些内容
- Core API
- Timelines
- ScrollTrigger
- Plugins
- React and frameworks
- Performance and utils
如何安装
GSAP Skills
-
克隆这个仓库。
git clone https://github.com/greensock/gsap-skills -
把 Codex 指向这个 Skill 文件。
skills/gsap-core/SKILL.md -
然后描述你想要的界面，Codex 会照着这个 Skill 来做。
如何配合 Codex 使用
-
装好 GSAP Skill 套件，Codex 就能加载对应模块。
-
说清你要的动效，对应模块会处理好 API。
-
在组件树里就取 React 或框架模块来用。
这里的每个插件都免费开源，并附上真实的上游源地址。
在 codex-design 清单上了解更多 ↗
下一步
用 Open Design 做设计，省掉那些配置
你可以自己装这个插件，也可以用 Open Design 在 Codex 外面套一整层精选设计层。自带 API Key，产出归你所有。