Skip to content

GSAP Plugins ​

专业提示词库 / 数字产品与交互设计(UI/UX) / 实现技巧

按需使用 Flip、Draggable、Observer、SplitText 等插件,插件能力必须和交互目标一一对应。

适用场景: 用户明确指定 GSAP,或项目已经采用 GSAP 作为动效实现层

适用边界

  • 工具专属:GSAP;不能推广为所有工具的通用行为。
  • 含待核验的外部信息;使用前核验当前官方文档,不视为已验证事实。
返回提示词库数字产品与交互设计(UI/UX)
实现技巧待核验 / 待确认适用工具:GSAP

按需使用 Flip、Draggable、Observer、SplitText 等插件,插件能力必须和交互目标一一对应。

什么时候用

用户明确指定 GSAP,或项目已经采用 GSAP 作为动效实现层

01 · 带入你的需求

填写场景参数

填写内容仅在当前页面使用,不写入浏览器存储。留空时保留明确的「待填写」标记。

02 · 看懂之后,再复制

完整提示词

实时预览 · 原样复制

还有 1 项参数待填写;可以先复制,再补充。

# GSAP Plugins

我的任务:[待填写:任务目标与实际约束]

下面是基于原始资料整理的执行提示词,不是原作者逐字提供的完整成品。请保留用户已给出的条件;未填写项先澄清,不虚构数值、业务逻辑或核验结果。示例参数不是全局默认或效果保证。候选方向按任务选择,不要求全部叠加。

【适用边界】
- 工具专属:GSAP;不能推广为所有工具的通用行为。
- 含待核验的外部信息;使用前核验当前官方文档,不视为已验证事实。

【名称】
GSAP Plugins

【白话解释】
按需使用 Flip、Draggable、Observer、SplitText 等插件,插件能力必须和交互目标一一对应。

【适用场景】
用户明确指定 GSAP,或项目已经采用 GSAP 作为动效实现层

【专业参数与锚点】
- Flip
- Draggable
- Observer
- SplitText
- registerPlugin

【边界与约束】
- 只注册实际使用的插件
- 拖拽和 Flip 必须有取消与回退路径

【适用工具】
GSAP

【工具专属】
是

【需要核验】
是

【核验说明】
- 插件 API 与授权边界以官方文档为准

【验收标准】
- 动画创建和销毁可追踪
- 快速交互不产生重复回调
- 未指定 GSAP 时不强制引入

【scope】
provider-specific

【适用工具】
GSAP

【不得泛化】
是

【已核验日期】
未提供 / 待核验

【需要核验】
是

【输出要求】
先说明采用的方向与待确认项,再给出满足约束的方案或内容,并附可验证的检查清单。

【来源】
https://github.com/konglong87/feeling-to-jargon/blob/4c245f7a43d143dcfbd194b768ee1c4d8aa8ff8d/terms/animation-tool-adapter/gsap-plugins.json

前往组合区(0)

待核验或待确认资料不能加入执行组合,请先单独阅读其边界。

来源与版本
源文件
terms/animation-tool-adapter/gsap-plugins.json (在新标签页打开)
固定提交
4c245f7a43d143dcfbd194b768ee1c4d8aa8ff8d
许可证
MIT

本条内容展开以下来源文件,阅读与复制不需要访问本机路径:

  • terms/animation-tool-adapter/gsap-plugins.json
  • index/runtime.json

如何把白话说具体 ​

本条目将「用户明确指定 GSAP,或项目已经采用 GSAP 作为动效实现层」拆解为专业维度、参数和约束。先替换自己的任务与输入,再检查边界和验收标准;示例值不是承诺,也不是所有项目的默认值。

检索词(含站点导引词): GSAP、gsap plugins、GSAP Plugins、continuous-interaction、performance-budget、interruption、Flip、Draggable、gsap-plugins

阅读完整文字版(保留待填写项,可直接复制)
text
# GSAP Plugins

我的任务:[待填写:任务目标与实际约束]

下面是基于原始资料整理的执行提示词,不是原作者逐字提供的完整成品。请保留用户已给出的条件;未填写项先澄清,不虚构数值、业务逻辑或核验结果。示例参数不是全局默认或效果保证。候选方向按任务选择,不要求全部叠加。

【适用边界】
- 工具专属:GSAP;不能推广为所有工具的通用行为。
- 含待核验的外部信息;使用前核验当前官方文档,不视为已验证事实。

【名称】
GSAP Plugins

【白话解释】
按需使用 Flip、Draggable、Observer、SplitText 等插件,插件能力必须和交互目标一一对应。

【适用场景】
用户明确指定 GSAP,或项目已经采用 GSAP 作为动效实现层

【专业参数与锚点】
- Flip
- Draggable
- Observer
- SplitText
- registerPlugin

【边界与约束】
- 只注册实际使用的插件
- 拖拽和 Flip 必须有取消与回退路径

【适用工具】
GSAP

【工具专属】
是

【需要核验】
是

【核验说明】
- 插件 API 与授权边界以官方文档为准

【验收标准】
- 动画创建和销毁可追踪
- 快速交互不产生重复回调
- 未指定 GSAP 时不强制引入

【scope】
provider-specific

【适用工具】
GSAP

【不得泛化】
是

【已核验日期】
未提供 / 待核验

【需要核验】
是

【输出要求】
先说明采用的方向与待确认项,再给出满足约束的方案或内容,并附可验证的检查清单。

【来源】
https://github.com/konglong87/feeling-to-jargon/blob/4c245f7a43d143dcfbd194b768ee1c4d8aa8ff8d/terms/animation-tool-adapter/gsap-plugins.json

原始资料与依赖 ​

以下为锁定提交中的原始结构化内容;上方整理版与原文分开,不把本站整理误标为原作者成品。

展开当前条目原文
json
{
  "schema_version": "1.0.0",
  "leaf_id": "gsap-plugins",
  "domain_id": "digital-product-uiux",
  "subdomain_id": "animation-tool-adapter",
  "title": "GSAP Plugins",
  "knowledge_type": "technique",
  "scope": "provider-specific",
  "status": "published",
  "intent_ids": [
    "implement-gsap",
    "audit-gsap"
  ],
  "do_not_generalize": true,
  "provider": "GSAP",
  "verified_at": null,
  "verification_required": true,
  "entries": [
    {
      "id": "gsap-plugins",
      "name": "GSAP Plugins",
      "plain_language": "按需使用 Flip、Draggable、Observer、SplitText 等插件,插件能力必须和交互目标一一对应。",
      "when_to_use": "用户明确指定 GSAP,或项目已经采用 GSAP 作为动效实现层",
      "parameters": [
        "Flip",
        "Draggable",
        "Observer",
        "SplitText",
        "registerPlugin"
      ],
      "related": [
        "continuous-interaction",
        "performance-budget",
        "interruption"
      ],
      "constraints": [
        "只注册实际使用的插件",
        "拖拽和 Flip 必须有取消与回退路径"
      ],
      "aliases": [
        "GSAP",
        "gsap plugins"
      ],
      "provider": "GSAP",
      "provider_specific": true,
      "verification_required": true,
      "verification_note": [
        "插件 API 与授权边界以官方文档为准"
      ],
      "acceptance": [
        "动画创建和销毁可追踪",
        "快速交互不产生重复回调",
        "未指定 GSAP 时不强制引入"
      ]
    }
  ]
}

查看覆盖清单与许可证 · 来源提交:4c245f7

MIT Licensed