Skill Library 技能库Prompt Skill 迅速技能1 Designs 设计Top Views 俯视图

GSAP PluginsGSAP 插件

Official GSAP plugin skill for registration, ScrollToPlugin, ScrollSmoother, Flip, Draggable, Observer, SplitText, SVG/physics plugins, CustomEase, and GSDevTools.

官方 GSAP 插件 skill，覆盖插件注册、ScrollToPlugin、ScrollSmoother、Flip、Draggable、Observer、SplitText、SVG/physics、CustomEase 和 GSDevTools。

Skill Uses 技能用0

记录的复用次数与项目引用。

Public Designs 公共设计1

按浏览量与收藏热度排序。

Prompt Lines 提示8

可复用的提示指令数量。

Author 作者@Interface Lab

动效

Skill Directive 技能指导

Description 描述

Official GSAP plugin skill for registration, ScrollToPlugin, ScrollSmoother, Flip, Draggable, Observer, SplitText, SVG/physics plugins, CustomEase, and GSDevTools.

官方 GSAP 插件 skill，覆盖插件注册、ScrollToPlugin、ScrollSmoother、Flip、Draggable、Observer、SplitText、SVG/physics、CustomEase 和 GSDevTools。

Tags 标签动效

Skill Prompt 技能提示

- 用于用户询问 GSAP plugin、scroll-to、smooth scroll、Flip、draggable、SVG drawing、MorphSVG、SplitText、ScrambleText、CustomEase、plugin registration 或 Club GSAP/授权问题时。
- 插件从公开 gsap npm 包导入；根据官方材料，GSAP 插件已免费可用，无需 Club membership、私有 registry、.npmrc 或 auth token。
- 使用任何插件前先 import 并调用 gsap.registerPlugin(...)，通常在应用入口或组件初始化中注册一次。
- ScrollToPlugin 用于平滑滚动到位置或元素；ScrollSmoother 用于 GSAP 自带平滑滚动场景，并与 ScrollTrigger 协同。
- Flip 用于布局状态切换动画；流程是获取 state、改变 DOM/class/layout、再 Flip.from(state, vars)。
- Draggable/Observer/Inertia 处理拖拽、手势、滚轮、指针和惯性；实现交互时要保证 cleanup/kill，避免重复绑定监听器。
- SplitText、ScrambleText、MorphSVG、DrawSVG、MotionPath、CustomEase 等适用于文本、SVG 和自定义曲线；只在视觉目标需要时使用，不要为普通动效过度引入。
- 来源：greensock/gsap-skills 官方 MIT skill 材料，固定到 commit aed9cfd3277740755f6bfc1155c7aa645403b760。

当前展示公共摘要；登录 Pro 后可查看完整 prompt。

Layout Info 布局信息

下方作品按浏览量排序；前几项使用实时预览，其余保持快速缩略卡片。

Pro 解锁所有技能

GSAP PluginsGSAP 插件

更多使用 GSAP 插件 的页面

更多使用 GSAP 插件的页面