agentmods.dev

gsap-plugins

gsap-plugins is a skill for Claude Code from taotao135791-bit/gsap-transform. It costs 103 tokens per session (8,156 once invoked), scanned A, original, MIT.

A coding reference for GSAP add-ons, which are tools for making web animations and interactions. It covers plugins for scrolling, dragging, shape changes, text effects, SVG graphics, physics, and custom easing.

In plain words
What is it for?
Use it when adding or reviewing GSAP plugin code for scroll movement, draggable elements, animated text, SVG paths, transitions between layouts, or custom motion.
Why use it?
It removes the need to remember how each add-on is installed, registered, and used. It also clarifies which related GSAP reference to use for core animations, scroll-based effects, or React.

Skill for Claude Code

Written for Claude Code: shipped in a Claude Code plugin.

Needs its repository: it reads a path above its own folder, which exists only inside the repository. The line is **See also:** the ticker-hijack above assumes the tween is on `gsap.globalTimeline`. For a **master timeline built inside `gsap.matchMedia()`** (the common case.

Part of the gsap-transform plugin — 13 skills shipped together

not rated 2repo 2mo ago A scan 103 tokens original MIT

Good fit Use it when adding or reviewing GSAP plugin code for scroll movement, draggable elements, animated text, SVG paths, transitions between layouts, or custom motion.

Compare 6 skills from other repositories ↓
View source ↗ taotao135791-bit/gsap-transform
Install

Getting it into your agent

It runs from inside its repository, so the clone comes first — what it calls does not travel with the file alone.

Clone the repo
git clone --depth 1 https://github.com/taotao135791-bit/gsap-transform
agentmods
npx agentmods add skills/taotao135791-bit/gsap-transform/gsap-plugins

Made for: Claude Code.

Or install gsap-transform, the plugin that ships this one along with the rest of its 13 skills.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for gsap-plugins

README.md
[![agentmods](https://agentmods.dev/badge/skills/taotao135791-bit/gsap-transform/gsap-plugins/github.svg)](https://agentmods.dev/skills/taotao135791-bit/gsap-transform/gsap-plugins)
Your own site
<a href="https://agentmods.dev/skills/taotao135791-bit/gsap-transform/gsap-plugins"><img src="https://agentmods.dev/badge/skills/taotao135791-bit/gsap-transform/gsap-plugins/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for gsap-plugins

Your own site · 80×15
<a href="https://agentmods.dev/skills/taotao135791-bit/gsap-transform/gsap-plugins"><img src="https://agentmods.dev/badge/skills/taotao135791-bit/gsap-transform/gsap-plugins.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 103 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 8,156 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 1 finding. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00103 $0.08156
Opus 5 $0.00051 $0.04078
Sonnet 5 $0.00021 $0.01631
Haiku 4.5 $0.00010 $0.00816

Measured 8d ago against content hash 12a403fe8cd4, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-09, from the pricing page.

Security

Grade A, and why

gsap-plugins scanned grade A with 1 finding against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 8d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Makes network callslowCapability

Not a fault in itself. Listed so you know the mod talks to something, and to what.

For static HTML demos that import GSAP directly via `<script type="module">`, prefer **`https://esm.sh/gsap@<version>`** and `https://esm.sh/gsap@<version>/<Plugin>` over `https://cdn.jsdelivr.net/npm/gsap@<version>/<fil
skills/gsap-plugins/SKILL.md · 581 lines

How it starts

The opening of the file, as written. The whole thing — 581 lines — stays where its author put it; the contents beside it link to each section on GitHub.

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. For aesthetic direction, recipes (Editorial Kinetic / Brutalist Scroll / Liquid Glass / Bento Flip / Kinetic Type, etc.), and anti-slop checks use the design-layer skills: motion-design-taste, motion-recipes, motion-anti-slop, motion-craft.

Licensing & Install (important)

Every GSAP plugin is free, including for commercial use. Since Webflow's acquisition of 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.

Browser-native ESM CDN (no bundler)

For static HTML demos that import GSAP directly via <script type="module">, prefer https://esm.sh/gsap@<version> and https://esm.sh/gsap@<version>/<Plugin> over https://cdn.jsdelivr.net/npm/gsap@<version>/<file>.js. esm.sh rewrites the package as a true browser-friendly ESM module graph and is more reliable for plugin paths (e.g. SplitText) under modern browsers. Single-file cdn.jsdelivr.net/npm/<pkg>/<file>.js paths can fail intermittently in browsers (ERR_CONNECTION_CLOSED) even when reachable via curl, breaking the entire ESM module graph and silently disabling all GSAP code in the page — see motion-anti-slop Anti-Slop G3.

Read the full file on GitHub · 581 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 8d ago First seen · 581 lines · 103 tokens per session scan A 12a403fe8cd4

Subscribe to this mod's changes

gsap-plugins is a skill published in the GitHub repository taotao135791-bit/gsap-transform (2 stars, last pushed 2mo ago), licensed MIT. It adds 103 tokens to every session and 8,156 once invoked, about $0.0005 per session on Opus 5. A static security scan graded it A with 1 finding (makes network calls). No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.

CSS and stylingFrontend
Related

Other skills, from other repositories

chakra-ui-builder

Build responsive, accessible UI components and layouts using Chakra UI v3, install or configure Chakra UI in new and existing projects, and design scalable themes using tokens, semantic tokens, recipes, and slot recipes. Use this skill whenever a user asks to build, create, or generate any UI component, page, form…

chakra-ui/chakra-ui · 214 tokens

visual-ralph

Visual Ralph orchestration for frontend UI from generated references, static references, or live URL targets, using $ralph with built-in visual verdict and pixel-diff evidence until the implementation matches and leaves a reproducible design system.

Yeachan-Heo/oh-my-codex · 50 tokens

frontend-visual-qa

Audits already-rendered web, landing-page, HTML deck/slide, browser tool/game, dashboard/admin, design-system, and desktop UIs using real-browser or native-app journeys, inspected screenshots, DOM geometry, responsive or projection viewports, and a bundled Playwright sweep. Use after UI implementation to find…

daymade/claude-code-skills · 145 tokens

prototype-web

A clickable, high-fidelity web product prototype with navigation, a hero section, feature cards, steps, social proof, and optional pricing. It is designed to resemble a finished landing page while remaining a prototype.

nexu-io/html-anything · 24 tokens

waitlist-page

A simple waitlist page for collecting email addresses from people interested in a new product or early-access release.

nexu-io/html-anything · 25 tokens

tailwindcss

Tailwind CSS v4 conventions — semantic design tokens for theme-safe styling, mobile-first responsive layouts, and v4-first utilities. Use when styling components or writing className utilities with Tailwind. Don't use for plain CSS, CSS-in-JS (styled-components, emotion), or other utility frameworks.

compozy/compozy · 64 tokens