gsap-plugins

审查 · 74

已收录

Official GSAP skill for GSAP plugins — registration, ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observer, SplitText, ScrambleText, SVG and physics plugins, CustomEase, EasePack, CustomWiggle, CustomBounce, GSDevTools. Use when the user asks about a GSAP plugin, scr

Verified installs0

Stars14.1K

版本1.0.0

质量89/100 · 优秀

信任74/100 · 仅限沙盒

审计87/100 · 需审查

供给资产档案

编程与开发 Agent

代码审查、仓库分析、测试、CI、GitHub、DevOps 与开发工作流 Skill。

浏览赛道

场景

编程 Agent

我需要一个能理解仓库、修改代码并审查 Pull Request 的编程 Agent。

适配 Agent

Claude Code + Cursor + Browser agents

适用于 Codex、Claude Code、Cursor、CLI 或自定义 Agent。

安装

就绪

npx skills add greensock/gsap-skills --skill gsap-plugins

维护状态

新鲜

今天有推送

风险

需审查

Dependency or permission surface needs review

GitHub 质量

14K

89/100 质量 · 82/100 信任

覆盖标签

编程编程 Agent自动化agent-skill

审查说明

Dependency or permission surface needs review · Permission surface may require sandboxing

Agent 采用评分卡

一眼查看信任、审计与安装准备度

这些分数综合公开仓库元数据、OpenAgentSkill 审查信号、维护新鲜度与安装准备度。它用于候选筛选，不替代人工审查。

质量

优秀

高置信候选，具有较强的采用度与健康维护信号。

信任

仅限沙盒

有用但信任信号不足或混杂的候选项。在结果闭环证明任务匹配前，请保持在隔离工作区内使用。

审计

需审查

对安装准备度、安全元数据、维护情况与采用风险的机器可读审查。

OpenAgentSkill 信任评分 v5

安装前需人工审查

仅在沙盒中运行，并在用于真实工作前比较接近的替代方案。

CodexClaude CodeCursorOpenAgentSkill CLI

Stars

14K 个 GitHub Stars

仓库活跃度

14K 个 Star，830 个 Fork

维护状态

今天有推送

许可证

MIT

安装

npx skills add greensock/gsap-skills --skill gsap-plugins

安装安全性

标准软件包或运行时安装路径

权限范围

secrets or environment access, filesystem or document access

Agent 结果

暂未有 Agent 结果数据

文档

README/SKILL.md 上下文充分

风险摘要

生产前审查

Financial research output is not financial advice; require human review before any live investment decision.
Quality score needs review
Permission surface needs review: secrets or environment access, filesystem or document access
Dependency/runtime risk: credential or environment access, external package install surface

安装准备度

安装路径可用

安装路径可用
仓库证据可用
已声明许可证
暂无 Agent 验证结果证据

Agent 可读元数据

这个 Skill 的机器可读决策数据。

使用此区块或内嵌 JSON 判断 Agent 是否应安装该 Skill、选择替代方案，或先请求人工审查。

打开 JSON

适用任务

Browser automation 工作流
Claude Code 团队
重视 GitHub 采用信号的团队
Navigate pages

适用 Agent

CodexClaude CodeCursorOpenAgentSkill CLIBrowser agentsCLI

安装决策

命令: npx skills add greensock/gsap-skills --skill gsap-plugins
策略: 审查
人工审查: 是

信任与风险

信任: 74/100
审计: 87/100
风险级别: 需审查

结果闭环

端点: /api/agent/outcome
事件 ID: resolve
结果: 5

安装命令

npx skills add greensock/gsap-skills --skill gsap-plugins

公开审计评估报告 Resolve API 安装交接

不适用场景

需要厂商支持 SLA 的团队
没有内部安全审查的高合规环境
当前元数据中未发现重大风险信号
高风险权限提示：Secrets or environment access
Dependency or permission surface needs review

替代 Skill

UI-TARS Desktop

37.0K Stars

npx skills add bytedance/UI-TARS-desktop

替代 Skill

MoneyPrinterTurbo

88.5K Stars

npx skills add harry0703/MoneyPrinterTurbo

替代 Skill

Cua

21.4K Stars

npx skills add trycua/cua

Agent 安全 v2

59/100 · 安装前审查

已审查并附权限说明审查

可用候选，但 Agent 在安装前应展示权限与审计说明。

在真实工作区安装前需要人工批准。

通过 API 解析

中

网络访问

Skill 可能访问远程页面、API、仓库或外部服务。

中

文件系统访问

Skill 可能读取或写入项目文件、文档、生成产物或本地工作区状态。

高

Secrets or environment access

Skill metadata references credentials, tokens, environment variables, or secret-bearing workflows.

高风险权限提示：Secrets or environment access
Dependency or permission surface needs review

安装目标

在你的 Agent 工作流中安装此 Skill

通过公开安装端点获取命令、安全清单、目标提示词和该 Skill 的规范链接。

skill install

OpenAgentSkill CLI

Resolve policy, run the source installer safely, and report a verified install receipt.

$ npx --yes https://github.com/Leon-Drq/openagentskill/releases/download/cli-v0.2.1/openagentskill-0.2.1.tgz install greensock-gsap-plugins

Agent 解析计划

让 Agent 在安装前验证匹配度。

Resolve API 返回首选 Skill、替代方案、安全策略、审计说明、安装目标和可直接执行的提示词，无需抓取此页面。

打开文本计划

打开 JSON

/api/agent/resolve?task=Use%20gsap-plugins%20for%20an%20agent%20workflow&agent=codex&max_risk=medium

Resolve 文本

/api/agent/resolve?task=Use%20gsap-plugins%20for%20an%20agent%20workflow&agent=codex&max_risk=medium&format=text

安装交接

/api/skills/greensock-gsap-plugins/install

Agent 应检查

从 Resolve API 检查任务匹配与替代方案。
检查审计评分、信任评分和安全策略警告。
检查 Codex、Claude Code、Cursor 或 CLI 的安装目标兼容性。

复制提示词

Task: Use gsap-plugins in this workspace.
Resolve first: https://www.openagentskill.com/api/agent/resolve?task=Use%20gsap-plugins%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Review install handoff: https://www.openagentskill.com/api/skills/greensock-gsap-plugins/install
Install command: npx skills add greensock/gsap-skills --skill gsap-plugins
Before running it, summarize audit warnings, required permissions, and the fallback skill if install is risky.

Agent 交接

把安装路径交给 Agent，而不是再给一个目录页。

通过公开安装端点获取命令、安全清单、目标提示词和该 Skill 的规范链接。

打开安装 API

安装交接

/api/skills/greensock-gsap-plugins/install

LLM 文本格式

/api/skills/greensock-gsap-plugins/install?format=text

寻找替代方案

/api/skills/search?q=gsap-plugins&limit=3

Agent 提示词

Use gsap-plugins for this task. Review https://www.openagentskill.com/api/skills/greensock-gsap-plugins/install, then install with: npx skills add greensock/gsap-skills --skill gsap-plugins

Registry 元数据

用于自动选择 Skill 的 Agent 可读档案。

本页通过 Registry API 提供相同的决策、信任、审计、场景和安装信号，让 Agent 无需抓取界面即可排序。

打开 Manifest

Manifest

/api/registry/manifest/greensock-gsap-plugins

LLM 文本

/api/registry/manifest/greensock-gsap-plugins?format=text

安装别名

/api/registry/install/greensock-gsap-plugins

需审查 · 87/100

对安装准备度、安全元数据、维护情况与采用风险的机器可读审查。

查看审计报告查看评估报告

Agent 决策面板

适合 Browser automation 的首选

将其作为优先候选，再在你的 Agent 环境中验证 README 与安装路径。

100

就绪度

采用

阶段

栈中角色

首选

主要匹配

Browser automation

信任标签

可用于生产

安装路径

命令已就绪

适用场景

Browser automation 工作流
Claude Code 团队
重视 GitHub 采用信号的团队

证据

14,124 个 GitHub Stars
仓库近期活跃
已提供安装命令或 GitHub 仓库
89/100 质量档案
6 个 OpenAgentSkill 交互事件

先审查

当前元数据中未发现重大风险信号

实施路径

1在沙盒 Agent 中安装它，并端到端完成一次Browser automation任务。
2Compare output quality, latency, and failure behavior against at least one alternative.
3Promote it into production only after reviewing repository permissions, license, and maintenance signals.

信任档案

仅限沙盒

有用但信任信号不足或混杂的候选项。在结果闭环证明任务匹配前，请保持在隔离工作区内使用。

OpenAgentSkill 信任评分

GitHub 采用度

通过

14K 个 GitHub Stars

Star/Fork 活跃度

通过

14K 个 Star，830 个 Fork; 当前元数据中没有议题活跃度信息

近期维护

通过

今天有推送

许可证清晰度

通过

MIT

积极信号

AI 审查已通过
安装路径可用
仓库证据可用
近期维护的仓库
Large GitHub adoption signal
安装命令未发现明显高风险模式
结果闭环已就绪，但需要首次真实 Agent 运行

安装前审查

Financial research output is not financial advice; require human review before any live investment decision.
Quality score needs review
Permission surface needs review: secrets or environment access, filesystem or document access
Dependency/runtime risk: credential or environment access, external package install surface
Permission surface: secrets or environment access, filesystem or document access
暂未有真实 Agent 结果报告
无人值守安装前需要人工审查

建议操作

仅在沙盒中运行，并在用于真实工作前比较接近的替代方案。

质量档案

优秀适用于 Agent 工作流的候选

高置信候选，具有较强的采用度与健康维护信号。

GitHub Stars

14K

新鲜度

今天

安装就绪

是

许可证

MIT

工作流匹配

在这些场景使用此 Skill

Operate web apps

Browser automation

I need my agent to control a browser, fill forms, and verify web app workflows.

Build and ship code

Coding agents

I need a coding agent that can understand a repository, edit code, and review pull requests.

Search private knowledge

RAG and knowledge

I need my agent to build a RAG workflow over documents and retrieve reliable context.

工作流匹配

加入完整工作流

Operate and verify web apps

Browser QA agent

A workflow for agents that navigate products, fill forms, take screenshots, and verify real user flows across web applications.

Scrape, clean, and reuse web data

Web data pipeline

A practical workflow for agents that crawl public pages, extract clean content, normalize data, and hand it to downstream research or RAG workflows.

Inspect, patch, and verify code

Coding review agent

A workflow for software agents that inspect repositories, review pull requests, generate tests, and turn findings into shippable patches.

替代方案短名单

安装前对比

可能适合该任务的相近 Skill。

对比全部

UI-TARS Desktop

Run multimodal agents that operate desktop interfaces

MoneyPrinterTurbo

利用AI大模型，一键生成高清短视频 Generate short videos with one click using AI LLM.

Cua

Open-source infrastructure for Computer-Use Agents. Sandboxes, SDKs, and benchmarks to train and evaluate AI agents that can control full desktops (macOS, Linux, Windows).

概览

--- name: gsap-plugins description: Official GSAP skill for GSAP plugins — registration, ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observer, SplitText, ScrambleText, SVG and physics plugins, CustomEase, EasePack, CustomWiggle, CustomBounce, GSDevTools. Use when the user asks about a GSAP plugin, scroll-to, flip animations, draggable, SVG drawing, or plugin registration. license: MIT ---

# GSAP Plugins

## When to Use This Skill

Apply when using or reviewing code that uses GSAP plugins: registering plugins, scroll-to, flip/FLIP animations, draggable elements, SVG (DrawSVG, MorphSVG, MotionPath), text (SplitText, ScrambleText), physics, easing plugins (CustomEase, EasePack, CustomWiggle, CustomBounce), or GSDevTools. ScrollTrigger has its own skill (gsap-scrolltrigger).

**Related skills:** For core tweens use **gsap-core**; for ScrollTrigger use **gsap-scrolltrigger**; for React use **gsap-react**.

## Licensing & Install (important)

Every GSAP plugin is **free**, including for commercial use. Since [Webflow's acquisition of GSAP](https://gsap.com/blog/webflow-GSAP/), Club GSAP is no longer a paid tier and **no plugin requires a membership, license key, or auth token** — this includes formerly Club-only plugins (**SplitText**, **MorphSVG**, etc.).

- ✅ Install everything from the public `gsap` npm package: `npm install gsap`. All plugins are included — import them as `gsap/SplitText`, `gsap/MorphSVGPlugin`, etc. - ❌ Do **not** generate an `.npmrc` with a GreenSock auth token, suggest the private `npm.greensock.com` registry, or tell users to sign up for Club GSAP to access a plugin. Those instructions are outdated.

## Registering Plugins

Register each plugin once so GSAP (and bundlers) know to include it. Use **gsap.registerPlugin()** with every plugin used in the project:

```javascript import gsap from "gsap"; import { ScrollToPlugin } from "gsap/ScrollToPlugin"; import { Flip } from "gsap/Flip"; import { Draggable } from "gsap/Draggable";

gsap.registerPlugin(ScrollToPlugin, Flip, Draggable); ```

- ✅ Register before using the plugin in any tween or API call. - ✅ In React, register at top level or once in the app (e.g. before first useGSAP); do not register inside a component that re-renders. useGSAP is a plugin that needs to be registered before use.

## Scroll

### ScrollToPlugin

Animates scroll position (window or a scrollable element). Use for “scroll to element” or “scroll to position” without ScrollTrigger.

```javascript gsap.registerPlugin(ScrollToPlugin);

gsap.to(window, { duration: 1, scrollTo: { y: 500 } }); gsap.to(window, { duration: 1, scrollTo: { y: "#section", offsetY: 50 } }); gsap.to(scrollContainer, { duration: 1, scrollTo: { x: "max" } }); ```

**ScrollToPlugin — key config (scrollTo object):**

| Option | Description | |--------|-------------| | `x`, `y` | Target scroll position (number), or `"max"` for maximum | | `element` | Selector or element to scroll to (for scroll-into-view) | | `offsetX`, `offsetY` | Offset in pixels from the target position |

### ScrollSmoother

Smooth scroll wrapper (smooths native scroll). Requires ScrollTrigger and a specific DOM structure (content wrapper + smooth wrapper). Use when smooth, momentum-style scroll is needed. See GSAP docs for setup; register after ScrollTrigger. DOM structure would look like:

```html <body> <div id="smooth-wrapper"> <div id="smooth-content">  </div> </div>  </body> ```

## DOM / UI

### Flip

Capture state with `Flip.getState()`, then apply changes (e.g. layout or class changes), then use `Flip.from()` to animate from the previous state to the new state (FLIP: First, Last, Invert, Play). Use when animating between two layout states (lists, grids, expanded/collapsed).

```javascript gsap.registerPlugin(Flip);

const state = Flip.getState(".item"); // change DOM (reorder, add/remove, change classes) Flip.from(state, { duration: 0.5, ease: "power2.inOut" }); ```

**Flip — key config (Flip.from vars):**

| Option | Description | |--------|-------------| | `absolute` | Use `position: absolute` during the flip (default: `false`) | | `nested` | When true, only the first level of children is measured (better for nested transforms) | | `scale` | When true, scale elements to fit (avoids stretch); default `true` | | `simple` | When true, only position/scale are animated (faster, less accurate) | | `duration`, `ease` | Standard tween options |

#### More information

https://gsap.com/docs/v3/Plugins/Flip

### Draggable

Makes elements draggable, spinnable, or throwable with mouse/touch. Use for sliders, cards, reorderable lists, or any drag interaction.

```javascript gsap.registerPlugin(Draggable, InertiaPlugin);

Draggable.create(".box", { type: "x,y", bounds: "#container", inertia: true }); Draggable.create(".knob", { type: "rotation" }); ```

**Draggable — key config options:**

| Option | Description | |--------|-------------| | `type` | `"x"`, `"y"`, `"x,y"`, `"rotation"`, `"scroll"` | | `bounds` | Element, selector, or `{ minX, maxX, minY, maxY }` to constrain drag | | `inertia` | `true` to enable throw/momentum (requires InertiaPlugin) | | `edgeResistance` | 0–1; resistance when dragging past bounds | | `cursor` | CSS cursor during drag | | `onDragStart`, `onDrag`, `onDragEnd` | Callbacks; receive event and target | | `onThrowUpdate`, `onThrowComplete` | Callbacks when inertia is active |

### Inertia (InertiaPlugin)

Works with Draggable for momentum after release, or track the inertia/velocity of any property of any object so that it can then seamlessly glide to a stop using a simple tween. Register with Draggable when using `inertia: true`:

```javascript gsap.registerPlugin(Draggable, InertiaPlugin); Draggable.create(".box", { type: "x,y", inertia: true }); ```

Or track velocity of a property: ```javascript InertiaPlugin.track(".box", "x"); ```

Then use `"auto"` to continue the current velocity and glide to a stop:

```javascript gsap.to(obj, { inertia: { x: "auto" } }); ```

### Observer

Normalizes pointer and scroll input across devices. Use for swipe, scroll direction, or custom gesture logic without tying directly to scroll position like ScrollTrigger.

```javascript gsap.registerPlugin(Observer);

Observer.create({ target: "#area", onUp: () => {}, onDown: () => {}, onLeft: () => {}, onRight: () => {}, tolerance: 10 }); ```

**Observer — key config options:**

| Option | Description | |--------|-------------| | `target` | Element or selector to observe | | `onUp`, `onDown`, `onLeft`, `onRight` | Callbacks when swipe/scroll passes tolerance in that direction | | `tolerance` | Pixels before direction is detected; default 10 | | `type` | `"touch"`, `"pointer"`, or `"wheel"` (default: `"touch,pointer"`) |

## Text

### SplitText

Splits an element’s text into characters, words, and/or lines (each in its own element) for staggered or per-unit animation. Use when animating text character-by-character, word-by-word, or line-by-line. Returns an instance with **chars**, **words**, **lines** (and **masks** when `mask` is set). Restore original markup with **revert()** or let **gsap.context()** revert. Integrates with **gsap.context()**, **matchMedia()**, and **useGSAP()**. API: **SplitText.create(target, vars)** (target = selector, element, or array).

```javascript gsap.registerPlugin(SplitText);

const split = SplitText.create(".heading", { type: "words, chars" }); gsap.from(split.chars, { opacity: 0, y: 20, stagger: 0.03, duration: 0.4 }); // later: split.revert() or let gsap.context() cleanup revert ```

With **onSplit()** (v3.13.0+), animations run on each split and on re-split when **autoSplit** is used; returning a tween/timeline from **onSplit()** lets SplitText clean up and sync progress on re-split:

```javascript SplitText.create(".split", { type: "lines", autoSplit: true, onSplit(self) { return gsap.from(self.lines, { y: 100, opacity: 0, stagger: 0.05, duration: 0.5 }); } }); ```

**SplitText — key config (SplitText.create vars):**

| Option | Description | |--------|-------------| | **type** | Comma-separated: `"chars"`, `"words"`, `"lines"`. Default `"chars,words,lines"`. Only split what is needed (e.g. `"words, chars"` if not using lines) for performance. Avoid chars-only without words/lines or use **smartWrap: true** to prevent odd line breaks. | | **charsClass**, **wordsClass**, **linesClass** | CSS class on each split element. Append `"++"` to add an incremented class (e.g. `linesClass: "line++"` → `line1`, `line2`, …). | | **aria** | `"auto"` (default), `"hidden"`, or `"none"`. Accessibility: `"auto"` adds `aria-label` on the split element and `aria-hidden` on line/word/char elements so screen readers read the label; `"hidden"` hides all from readers; `"none"` leaves aria unchanged. Use `"none"` plus a screen-reader-only duplicate if nested links/semantics must be exposed. | | **autoSplit** | When `true`, reverts and re-splits when fonts finish loading or when the element width changes (and lines are split), avoiding wrong line breaks. **Animations must be created inside onSplit()** so they target the newly split elements; **return** the animation from **onSplit()** for automatic cleanup and time-sync on re-split. | | **onSplit(self)** | Callback when split completes (and on each re-split if **autoSplit** is `true`). Receives the SplitText instance. Returning a GSAP tween or timeline enables automatic revert/sync of that animation when re-splitting. | | **mask** | `"lines"`, `"words"`, or `"chars"`. Wraps each unit in an extra element with `overflow: clip` for mask/reveal effects. Only one type; access wrappers on the instance’s **masks** array (or use class `-mask` if a class is set). | | **tag** | Wrapper element tag; default `"div"`. Use `"span"` for inline (note: transforms like rotation/scale may not render on inline elements in some browsers). | | **deepSlice** | When `true` (default), nested elements (e.g. `<strong>`) that span multiple lines are subdivided so lines don’t stretch vertically. Only applies when splitting lines. | | **ignore** | Selector or element(s) to leave unsplit (e.g. `ignore: "sup"`). | | **smartWrap** | When splitting **chars** only, wraps words in a `white-space: nowrap` span to avoid mid-word line breaks. Ignored if words or lines are split. Default `false`. | | **wordDelimiter** | Word boundary: string (default `" "`), RegExp, or `{ delimiter: RegExp, replaceWith: string }` for custom splitting (e.g. zero-width joiner for hashtags, or non-Latin). | | **prepareText(text, parent)** | Function that receives raw text and parent element; return modified text before splitting (e.g. to insert break markers for languages without spaces). | | **propIndex** | When `true`, adds a CSS variable with index on each split element (e.g. `--word: 1`, `--char: 2`). | | **reduceWhiteSpace** | Collapse consecutive spaces; default `true`. From v3.13.0 also honors line breaks and can insert `<br>` for `<pre>`. | | **onRevert** | Callback when the instance is reverted. |

**Tips:** Split only what is animated (e.g. skip chars if only animating words). For custom fonts, split after they load (e.g. `document.fonts.ready.then(...)`) or use **autoSplit: true** with **onSplit()**. To avoid kerning shift when splitting chars, use CSS `font-kerning: none; text-rendering: optimizeSpeed;`. Avoid `text-wrap: balance`; it can interfere with splitting. SplitText does not support SVG `<text>`.

**Learn more:** [SplitText](https://gsap.com/docs/v3/Plugins/SplitText/)

### ScrambleText

Animates text with a scramble/glitch effect. Use when revealing or transitioning text with a scramble.

```javascript gsap.registerPlugin(ScrambleTextPlugin);

gsap.to(".text", { duration: 1, scrambleText: { text: "New message", chars: "01", revealDelay: 0.5 } }); ```

## SVG

### DrawSVG (DrawSVGPlugin)

Reveals or hides the stroke of SVG elements by

技术详情

版本: 1.0.0
许可证: MIT
最近更新: 2026年8月22日
发布时间: 2026年8月20日

决策摘要

首选

100

就绪

采用

阶段

14,124 个 GitHub Stars

审计

安装审查

安装与采用审查

需审查

安全性: 80/100
维护状态: 100/100
安装: 92/100

打开完整审计查看评估报告

Agent 验证证据

来自解析、审查、安装和一次小范围运行后的结果报告。

已验证

Needs first agent run自动安装: 先审查最近: 未知

成功率: —
近期失败: —
结果: 0
输出质量: —
失败: 0
不相关: 0
安装次数: 0
风险拦截: 0
需要配置: 0
生产环境: 0

暂时没有 Agent 结果数据。首次 Agent 执行可以通过 /api/agent/outcome 报告成功、需要设置、风险拦截、失败或不相关。

Agent 已验证排行结果契约

安装

加入 Agent 工作流

免费且开源. 在生产 Agent 中安装前请先审查报告。

对比替代方案自动解析计划在 GitHub 查看文档

增长闭环

分享工具包

为 gsap-plugins 准备的场景化草稿，可手动发布到 X。

策展说明

gsap-plugins: Official GSAP skill for GSAP plugins — registration, ScrollToPlugin, ScrollSmoother, Flip, Dr...

14.1K stars

https://www.openagentskill.com/skills/greensock-gsap-plugins?ref=x

打开 X 草稿

可选：带安装命令的回复

Listing + install path for gsap-plugins:
https://www.openagentskill.com/skills/greensock-gsap-plugins?ref=x

Install: npx skills add greensock/gsap-skills --skill gsap-plugins

打开回复草稿

收录来源

Registry 收录

可认领

此列表来自公开来源，维护者认领获批前不会标记为官方。

创作者: greensock
来源: greensock/gsap-skills
收录方: OpenAgentSkill 社区索引

归属链接指向公开仓库或创作者主页。创作者可认领列表以更新所有权信号。

认领此 Skill

所有者认领

认领此 Skill 页面

这条 Registry 收录列表归属于 greensock，但尚未标记为官方。认领后可增加已验证所有者信号，使后续发布、安装和审计更新更值得信赖。

创作者外链工具包

将证据徽章加入你的 README

在开发者评估仓库的位置展示规范页面、当前信任与审计信号，以及真实的 Agent 验证证据。

[![Listed on OpenAgentSkill](https://www.openagentskill.com/api/badge/greensock-gsap-plugins?metric=listed&label=Listed)](https://www.openagentskill.com/skills/greensock-gsap-plugins)
[![OpenAgentSkill Trust](https://www.openagentskill.com/api/badge/greensock-gsap-plugins?metric=trust&label=Trust)](https://www.openagentskill.com/skills/greensock-gsap-plugins)
[![OpenAgentSkill Audit](https://www.openagentskill.com/api/badge/greensock-gsap-plugins?metric=audit&label=Audit)](https://www.openagentskill.com/skills/greensock-gsap-plugins/audit)
[![Agent Proven](https://www.openagentskill.com/api/badge/greensock-gsap-plugins?metric=proven&label=Agent%20Proven)](https://www.openagentskill.com/skills/greensock-gsap-plugins)

预览徽章打开审计创作者工具包

作者

greensock

@greensock

平台适配

Claude Code Cursor Browser agents

健康信号

GitHub Stars: 14.1K
质量评分: 53/100
最近 GitHub 推送: 2026年8月22日
框架提示: 未知
OpenAgentSkill 浏览量: 6
复制安装命令: 0
跳转点击: 0

社区信号

告诉我们这个 Skill 是否对你的 Agent 工作流有帮助。汇总反馈会持续改善排序。

信任与安全

仅限沙盒

GitHub 采用度14K 个 GitHub Stars通过
Star/Fork 活跃度14K 个 Star，830 个 Fork; 当前元数据中没有议题活跃度信息通过
近期维护今天有推送通过
许可证清晰度MIT通过
README/SKILL.md 完整度元数据包含足够的用法与工作流上下文通过
依赖与运行时风险credential or environment access, external package install surface检查

gsap-plugins

审查 · 74

已收录

Verified installs0

Stars14.1K

版本1.0.0

质量89/100 · 优秀

信任74/100 · 仅限沙盒

审计87/100 · 需审查

供给资产档案

编程与开发 Agent

代码审查、仓库分析、测试、CI、GitHub、DevOps 与开发工作流 Skill。

浏览赛道

场景

编程 Agent

我需要一个能理解仓库、修改代码并审查 Pull Request 的编程 Agent。

适配 Agent

Claude Code + Cursor + Browser agents

适用于 Codex、Claude Code、Cursor、CLI 或自定义 Agent。

安装

就绪

npx skills add greensock/gsap-skills --skill gsap-plugins

维护状态

新鲜

今天有推送

风险

需审查

Dependency or permission surface needs review

GitHub 质量

14K

89/100 质量 · 82/100 信任

覆盖标签

编程编程 Agent自动化agent-skill

审查说明

Dependency or permission surface needs review · Permission surface may require sandboxing

Agent 采用评分卡

一眼查看信任、审计与安装准备度

这些分数综合公开仓库元数据、OpenAgentSkill 审查信号、维护新鲜度与安装准备度。它用于候选筛选，不替代人工审查。

质量

优秀

高置信候选，具有较强的采用度与健康维护信号。

信任

仅限沙盒

有用但信任信号不足或混杂的候选项。在结果闭环证明任务匹配前，请保持在隔离工作区内使用。

审计

需审查

对安装准备度、安全元数据、维护情况与采用风险的机器可读审查。

OpenAgentSkill 信任评分 v5

安装前需人工审查

仅在沙盒中运行，并在用于真实工作前比较接近的替代方案。

CodexClaude CodeCursorOpenAgentSkill CLI

Stars

14K 个 GitHub Stars

仓库活跃度

14K 个 Star，830 个 Fork

维护状态

今天有推送

许可证

MIT

安装

npx skills add greensock/gsap-skills --skill gsap-plugins

安装安全性

标准软件包或运行时安装路径

权限范围

secrets or environment access, filesystem or document access

Agent 结果

暂未有 Agent 结果数据

文档

README/SKILL.md 上下文充分

风险摘要

生产前审查

Financial research output is not financial advice; require human review before any live investment decision.
Quality score needs review
Permission surface needs review: secrets or environment access, filesystem or document access
Dependency/runtime risk: credential or environment access, external package install surface

安装准备度

安装路径可用

安装路径可用
仓库证据可用
已声明许可证
暂无 Agent 验证结果证据

Agent 可读元数据

这个 Skill 的机器可读决策数据。

使用此区块或内嵌 JSON 判断 Agent 是否应安装该 Skill、选择替代方案，或先请求人工审查。

打开 JSON

适用任务

Browser automation 工作流
Claude Code 团队
重视 GitHub 采用信号的团队
Navigate pages

适用 Agent

CodexClaude CodeCursorOpenAgentSkill CLIBrowser agentsCLI

安装决策

命令: npx skills add greensock/gsap-skills --skill gsap-plugins
策略: 审查
人工审查: 是

信任与风险

信任: 74/100
审计: 87/100
风险级别: 需审查

结果闭环

端点: /api/agent/outcome
事件 ID: resolve
结果: 5

安装命令

npx skills add greensock/gsap-skills --skill gsap-plugins

公开审计评估报告 Resolve API 安装交接

不适用场景

需要厂商支持 SLA 的团队
没有内部安全审查的高合规环境
当前元数据中未发现重大风险信号
高风险权限提示：Secrets or environment access
Dependency or permission surface needs review

替代 Skill

UI-TARS Desktop

37.0K Stars

npx skills add bytedance/UI-TARS-desktop

替代 Skill

MoneyPrinterTurbo

88.5K Stars

npx skills add harry0703/MoneyPrinterTurbo

替代 Skill

Cua

21.4K Stars

npx skills add trycua/cua

Agent 安全 v2

59/100 · 安装前审查

已审查并附权限说明审查

可用候选，但 Agent 在安装前应展示权限与审计说明。

在真实工作区安装前需要人工批准。

通过 API 解析

中

网络访问

Skill 可能访问远程页面、API、仓库或外部服务。

中

文件系统访问

Skill 可能读取或写入项目文件、文档、生成产物或本地工作区状态。

高

Secrets or environment access

Skill metadata references credentials, tokens, environment variables, or secret-bearing workflows.

高风险权限提示：Secrets or environment access
Dependency or permission surface needs review

安装目标

在你的 Agent 工作流中安装此 Skill

通过公开安装端点获取命令、安全清单、目标提示词和该 Skill 的规范链接。

skill install

OpenAgentSkill CLI

Resolve policy, run the source installer safely, and report a verified install receipt.

$ npx --yes https://github.com/Leon-Drq/openagentskill/releases/download/cli-v0.2.1/openagentskill-0.2.1.tgz install greensock-gsap-plugins

Agent 解析计划

让 Agent 在安装前验证匹配度。

Resolve API 返回首选 Skill、替代方案、安全策略、审计说明、安装目标和可直接执行的提示词，无需抓取此页面。

打开文本计划

打开 JSON

/api/agent/resolve?task=Use%20gsap-plugins%20for%20an%20agent%20workflow&agent=codex&max_risk=medium

Resolve 文本

/api/agent/resolve?task=Use%20gsap-plugins%20for%20an%20agent%20workflow&agent=codex&max_risk=medium&format=text

安装交接

/api/skills/greensock-gsap-plugins/install

Agent 应检查

从 Resolve API 检查任务匹配与替代方案。
检查审计评分、信任评分和安全策略警告。
检查 Codex、Claude Code、Cursor 或 CLI 的安装目标兼容性。

复制提示词

Task: Use gsap-plugins in this workspace.
Resolve first: https://www.openagentskill.com/api/agent/resolve?task=Use%20gsap-plugins%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Review install handoff: https://www.openagentskill.com/api/skills/greensock-gsap-plugins/install
Install command: npx skills add greensock/gsap-skills --skill gsap-plugins
Before running it, summarize audit warnings, required permissions, and the fallback skill if install is risky.

Agent 交接

把安装路径交给 Agent，而不是再给一个目录页。

通过公开安装端点获取命令、安全清单、目标提示词和该 Skill 的规范链接。

打开安装 API

安装交接

/api/skills/greensock-gsap-plugins/install

LLM 文本格式

/api/skills/greensock-gsap-plugins/install?format=text

寻找替代方案

/api/skills/search?q=gsap-plugins&limit=3

Agent 提示词

Use gsap-plugins for this task. Review https://www.openagentskill.com/api/skills/greensock-gsap-plugins/install, then install with: npx skills add greensock/gsap-skills --skill gsap-plugins

Registry 元数据

用于自动选择 Skill 的 Agent 可读档案。

本页通过 Registry API 提供相同的决策、信任、审计、场景和安装信号，让 Agent 无需抓取界面即可排序。

打开 Manifest

Manifest

/api/registry/manifest/greensock-gsap-plugins

LLM 文本

/api/registry/manifest/greensock-gsap-plugins?format=text

安装别名

/api/registry/install/greensock-gsap-plugins

需审查 · 87/100

对安装准备度、安全元数据、维护情况与采用风险的机器可读审查。

查看审计报告查看评估报告

Agent 决策面板

适合 Browser automation 的首选

将其作为优先候选，再在你的 Agent 环境中验证 README 与安装路径。

100

就绪度

采用

阶段

栈中角色

首选

主要匹配

Browser automation

信任标签

可用于生产

安装路径

命令已就绪

适用场景

Browser automation 工作流
Claude Code 团队
重视 GitHub 采用信号的团队

证据

14,124 个 GitHub Stars
仓库近期活跃
已提供安装命令或 GitHub 仓库
89/100 质量档案
6 个 OpenAgentSkill 交互事件

先审查

当前元数据中未发现重大风险信号

实施路径

1在沙盒 Agent 中安装它，并端到端完成一次Browser automation任务。
2Compare output quality, latency, and failure behavior against at least one alternative.
3Promote it into production only after reviewing repository permissions, license, and maintenance signals.

信任档案

仅限沙盒

有用但信任信号不足或混杂的候选项。在结果闭环证明任务匹配前，请保持在隔离工作区内使用。

OpenAgentSkill 信任评分

GitHub 采用度

通过

14K 个 GitHub Stars

Star/Fork 活跃度

通过

14K 个 Star，830 个 Fork; 当前元数据中没有议题活跃度信息

近期维护

通过

今天有推送

许可证清晰度

通过

MIT

积极信号

AI 审查已通过
安装路径可用
仓库证据可用
近期维护的仓库
Large GitHub adoption signal
安装命令未发现明显高风险模式
结果闭环已就绪，但需要首次真实 Agent 运行

安装前审查

Financial research output is not financial advice; require human review before any live investment decision.
Quality score needs review
Permission surface needs review: secrets or environment access, filesystem or document access
Dependency/runtime risk: credential or environment access, external package install surface
Permission surface: secrets or environment access, filesystem or document access
暂未有真实 Agent 结果报告
无人值守安装前需要人工审查

建议操作

仅在沙盒中运行，并在用于真实工作前比较接近的替代方案。

质量档案

优秀适用于 Agent 工作流的候选

高置信候选，具有较强的采用度与健康维护信号。

GitHub Stars

14K

新鲜度

今天

安装就绪

是

许可证

MIT

工作流匹配

在这些场景使用此 Skill

Operate web apps

Browser automation

I need my agent to control a browser, fill forms, and verify web app workflows.

Build and ship code

Coding agents

I need a coding agent that can understand a repository, edit code, and review pull requests.

Search private knowledge

RAG and knowledge

I need my agent to build a RAG workflow over documents and retrieve reliable context.

工作流匹配

加入完整工作流

Operate and verify web apps

Browser QA agent

A workflow for agents that navigate products, fill forms, take screenshots, and verify real user flows across web applications.

Scrape, clean, and reuse web data

Web data pipeline

A practical workflow for agents that crawl public pages, extract clean content, normalize data, and hand it to downstream research or RAG workflows.

Inspect, patch, and verify code

Coding review agent

A workflow for software agents that inspect repositories, review pull requests, generate tests, and turn findings into shippable patches.

替代方案短名单

安装前对比

可能适合该任务的相近 Skill。

对比全部

UI-TARS Desktop

Run multimodal agents that operate desktop interfaces

MoneyPrinterTurbo

利用AI大模型，一键生成高清短视频 Generate short videos with one click using AI LLM.

Cua

Open-source infrastructure for Computer-Use Agents. Sandboxes, SDKs, and benchmarks to train and evaluate AI agents that can control full desktops (macOS, Linux, Windows).

概览

# GSAP Plugins

## When to Use This Skill

**Related skills:** For core tweens use **gsap-core**; for ScrollTrigger use **gsap-scrolltrigger**; for React use **gsap-react**.

## Licensing & Install (important)

## Registering Plugins

Register each plugin once so GSAP (and bundlers) know to include it. Use **gsap.registerPlugin()** with every plugin used in the project:

```javascript import gsap from "gsap"; import { ScrollToPlugin } from "gsap/ScrollToPlugin"; import { Flip } from "gsap/Flip"; import { Draggable } from "gsap/Draggable";

gsap.registerPlugin(ScrollToPlugin, Flip, Draggable); ```

## Scroll

### ScrollToPlugin

Animates scroll position (window or a scrollable element). Use for “scroll to element” or “scroll to position” without ScrollTrigger.

```javascript gsap.registerPlugin(ScrollToPlugin);

**ScrollToPlugin — key config (scrollTo object):**

### ScrollSmoother

```html <body> <div id="smooth-wrapper"> <div id="smooth-content">  </div> </div>  </body> ```

## DOM / UI

### Flip

```javascript gsap.registerPlugin(Flip);

const state = Flip.getState(".item"); // change DOM (reorder, add/remove, change classes) Flip.from(state, { duration: 0.5, ease: "power2.inOut" }); ```

**Flip — key config (Flip.from vars):**

#### More information

https://gsap.com/docs/v3/Plugins/Flip

### Draggable

Makes elements draggable, spinnable, or throwable with mouse/touch. Use for sliders, cards, reorderable lists, or any drag interaction.

```javascript gsap.registerPlugin(Draggable, InertiaPlugin);

Draggable.create(".box", { type: "x,y", bounds: "#container", inertia: true }); Draggable.create(".knob", { type: "rotation" }); ```

**Draggable — key config options:**

### Inertia (InertiaPlugin)

```javascript gsap.registerPlugin(Draggable, InertiaPlugin); Draggable.create(".box", { type: "x,y", inertia: true }); ```

Or track velocity of a property: ```javascript InertiaPlugin.track(".box", "x"); ```

Then use `"auto"` to continue the current velocity and glide to a stop:

```javascript gsap.to(obj, { inertia: { x: "auto" } }); ```

### Observer

Normalizes pointer and scroll input across devices. Use for swipe, scroll direction, or custom gesture logic without tying directly to scroll position like ScrollTrigger.

```javascript gsap.registerPlugin(Observer);

Observer.create({ target: "#area", onUp: () => {}, onDown: () => {}, onLeft: () => {}, onRight: () => {}, tolerance: 10 }); ```

**Observer — key config options:**

## Text

### SplitText

```javascript gsap.registerPlugin(SplitText);

```javascript SplitText.create(".split", { type: "lines", autoSplit: true, onSplit(self) { return gsap.from(self.lines, { y: 100, opacity: 0, stagger: 0.05, duration: 0.5 }); } }); ```

**SplitText — key config (SplitText.create vars):**

**Learn more:** [SplitText](https://gsap.com/docs/v3/Plugins/SplitText/)

### ScrambleText

Animates text with a scramble/glitch effect. Use when revealing or transitioning text with a scramble.

```javascript gsap.registerPlugin(ScrambleTextPlugin);

gsap.to(".text", { duration: 1, scrambleText: { text: "New message", chars: "01", revealDelay: 0.5 } }); ```

## SVG

### DrawSVG (DrawSVGPlugin)

Reveals or hides the stroke of SVG elements by

技术详情

版本: 1.0.0
许可证: MIT
最近更新: 2026年8月22日
发布时间: 2026年8月20日

决策摘要

首选

100

就绪

采用

阶段

14,124 个 GitHub Stars

审计

安装审查

安装与采用审查

需审查

安全性: 80/100
维护状态: 100/100
安装: 92/100

打开完整审计查看评估报告

Agent 验证证据

来自解析、审查、安装和一次小范围运行后的结果报告。

已验证

Needs first agent run自动安装: 先审查最近: 未知

成功率: —
近期失败: —
结果: 0
输出质量: —
失败: 0
不相关: 0
安装次数: 0
风险拦截: 0
需要配置: 0
生产环境: 0

暂时没有 Agent 结果数据。首次 Agent 执行可以通过 /api/agent/outcome 报告成功、需要设置、风险拦截、失败或不相关。

Agent 已验证排行结果契约

安装

加入 Agent 工作流

免费且开源. 在生产 Agent 中安装前请先审查报告。

对比替代方案自动解析计划在 GitHub 查看文档

增长闭环

分享工具包

为 gsap-plugins 准备的场景化草稿，可手动发布到 X。

策展说明

gsap-plugins: Official GSAP skill for GSAP plugins — registration, ScrollToPlugin, ScrollSmoother, Flip, Dr...

14.1K stars

https://www.openagentskill.com/skills/greensock-gsap-plugins?ref=x

打开 X 草稿

可选：带安装命令的回复

Listing + install path for gsap-plugins:
https://www.openagentskill.com/skills/greensock-gsap-plugins?ref=x

Install: npx skills add greensock/gsap-skills --skill gsap-plugins

打开回复草稿

收录来源

Registry 收录

可认领

此列表来自公开来源，维护者认领获批前不会标记为官方。

创作者: greensock
来源: greensock/gsap-skills
收录方: OpenAgentSkill 社区索引

归属链接指向公开仓库或创作者主页。创作者可认领列表以更新所有权信号。

认领此 Skill

所有者认领

认领此 Skill 页面

这条 Registry 收录列表归属于 greensock，但尚未标记为官方。认领后可增加已验证所有者信号，使后续发布、安装和审计更新更值得信赖。

创作者外链工具包

将证据徽章加入你的 README

在开发者评估仓库的位置展示规范页面、当前信任与审计信号，以及真实的 Agent 验证证据。

[![Listed on OpenAgentSkill](https://www.openagentskill.com/api/badge/greensock-gsap-plugins?metric=listed&label=Listed)](https://www.openagentskill.com/skills/greensock-gsap-plugins)
[![OpenAgentSkill Trust](https://www.openagentskill.com/api/badge/greensock-gsap-plugins?metric=trust&label=Trust)](https://www.openagentskill.com/skills/greensock-gsap-plugins)
[![OpenAgentSkill Audit](https://www.openagentskill.com/api/badge/greensock-gsap-plugins?metric=audit&label=Audit)](https://www.openagentskill.com/skills/greensock-gsap-plugins/audit)
[![Agent Proven](https://www.openagentskill.com/api/badge/greensock-gsap-plugins?metric=proven&label=Agent%20Proven)](https://www.openagentskill.com/skills/greensock-gsap-plugins)

预览徽章打开审计创作者工具包

作者

greensock

@greensock

平台适配

Claude Code Cursor Browser agents

健康信号

GitHub Stars: 14.1K
质量评分: 53/100
最近 GitHub 推送: 2026年8月22日
框架提示: 未知
OpenAgentSkill 浏览量: 6
复制安装命令: 0
跳转点击: 0

社区信号

告诉我们这个 Skill 是否对你的 Agent 工作流有帮助。汇总反馈会持续改善排序。

信任与安全

仅限沙盒

GitHub 采用度14K 个 GitHub Stars通过
Star/Fork 活跃度14K 个 Star，830 个 Fork; 当前元数据中没有议题活跃度信息通过
近期维护今天有推送通过
许可证清晰度MIT通过
README/SKILL.md 完整度元数据包含足够的用法与工作流上下文通过
依赖与运行时风险credential or environment access, external package install surface检查

gsap-plugins

编程与开发 Agent

一眼查看信任、审计与安装准备度

安装前需人工审查

生产前审查

安装路径可用

这个 Skill 的机器可读决策数据。

UI-TARS Desktop

MoneyPrinterTurbo

Cua

59/100 · 安装前审查

网络访问

文件系统访问

Secrets or environment access

在你的 Agent 工作流中安装此 Skill

OpenAgentSkill CLI

让 Agent 在安装前验证匹配度。

把安装路径交给 Agent，而不是再给一个目录页。

用于自动选择 Skill 的 Agent 可读档案。

需审查 · 87/100

适合 Browser automation 的首选

仅限沙盒

优秀 适用于 Agent 工作流的候选

在这些场景使用此 Skill

Browser automation

Coding agents

RAG and knowledge

加入完整工作流

Browser QA agent

Web data pipeline

Coding review agent

安装前对比

UI-TARS Desktop

MoneyPrinterTurbo

Cua

概览

技术详情

首选

安装审查

Agent 验证证据

加入 Agent 工作流

分享工具包

Registry 收录

认领此 Skill 页面

将证据徽章加入你的 README

作者

标签

平台适配

健康信号

社区信号

信任与安全

相关 Skill

gsap-plugins

编程与开发 Agent

一眼查看信任、审计与安装准备度

安装前需人工审查

生产前审查

安装路径可用

这个 Skill 的机器可读决策数据。

UI-TARS Desktop

MoneyPrinterTurbo

Cua

59/100 · 安装前审查

网络访问

文件系统访问

Secrets or environment access

在你的 Agent 工作流中安装此 Skill

OpenAgentSkill CLI

让 Agent 在安装前验证匹配度。

把安装路径交给 Agent，而不是再给一个目录页。

用于自动选择 Skill 的 Agent 可读档案。

需审查 · 87/100

适合 Browser automation 的首选

仅限沙盒

优秀 适用于 Agent 工作流的候选

在这些场景使用此 Skill

Browser automation

Coding agents

RAG and knowledge

加入完整工作流

优秀适用于 Agent 工作流的候选

优秀适用于 Agent 工作流的候选

优秀适用于 Agent 工作流的候选