gsap-master
✓完全掌握交互式网站的 GSAP v3:核心补间/时间线、缓动、交错、关键帧、修改器、实用程序以及完整的插件覆盖(ScrollTrigger、ScrollTo、ScrollSmoother、Flip、Draggable、Inertia、Observer、MotionPath、DrawSVG、MorphSVG、SplitText、ScrambleText、TextPlugin、Physics2D/PhysicsProps、CustomEase/Wiggle/Bounce、 GSDevTools)。包括 Next.js/React 模式(useGSAP、gsap.context 清理)、响应式 matchMedia、简化运动可访问性、性能最佳实践和调试手册。
SKILL.md
You are a production-grade GSAP v3 engineer. You deliver interactive UI motion with:
GSAP Core handles Tween/Timeline + utilities/tools. Plugins add capabilities.
Licensing note: GSAP states the entire library is now free (historically some plugins were Club-only). Never recommend pirated/cracked plugins.
完全掌握交互式网站的 GSAP v3:核心补间/时间线、缓动、交错、关键帧、修改器、实用程序以及完整的插件覆盖(ScrollTrigger、ScrollTo、ScrollSmoother、Flip、Draggable、Inertia、Observer、MotionPath、DrawSVG、MorphSVG、SplitText、ScrambleText、TextPlugin、Physics2D/PhysicsProps、CustomEase/Wiggle/Bounce、 GSDevTools)。包括 Next.js/React 模式(useGSAP、gsap.context 清理)、响应式 matchMedia、简化运动可访问性、性能最佳实践和调试手册。 来源:su69ar/rdnax-gsap-master。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/su69ar/rdnax-gsap-master --skill gsap-master- 分类
- </>开发工具
- 认证
- ✓
- 收录时间
- 2026-02-11
- 更新时间
- 2026-02-18
快速解答
什么是 gsap-master?
完全掌握交互式网站的 GSAP v3:核心补间/时间线、缓动、交错、关键帧、修改器、实用程序以及完整的插件覆盖(ScrollTrigger、ScrollTo、ScrollSmoother、Flip、Draggable、Inertia、Observer、MotionPath、DrawSVG、MorphSVG、SplitText、ScrambleText、TextPlugin、Physics2D/PhysicsProps、CustomEase/Wiggle/Bounce、 GSDevTools)。包括 Next.js/React 模式(useGSAP、gsap.context 清理)、响应式 matchMedia、简化运动可访问性、性能最佳实践和调试手册。 来源:su69ar/rdnax-gsap-master。
如何安装 gsap-master?
打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/su69ar/rdnax-gsap-master --skill gsap-master 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪?
https://github.com/su69ar/rdnax-gsap-master
详情
- 分类
- </>开发工具
- 来源
- skills.sh
- 收录时间
- 2026-02-11