gsap-react

gsap-react is a skill for Claude Code, Codex from ForgeyClap/claude-forge. It costs 68 tokens per session (2,119 once invoked), scanned E, a copy of gsap-react, MIT.

A guide to using GSAP, a JavaScript tool for web animation, in React and Next.js projects. It explains the React hook and cleanup patterns needed when components change or are removed.

In plain words
What is it for?
Use it to build and clean up GSAP animations in React or Next.js interfaces.
Why use it?
It helps avoid animations that keep running, affect the wrong elements, or conflict with React’s component lifecycle.

Skill for Claude CodeCodex

Part of the forge plugin — 11 skills shipped together

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

agentmods
npx agentmods add skills/forgeyclap/claude-forge/gsap-react
Any agent
npx skills add ForgeyClap/claude-forge --skill gsap-react
Clone the repo
git clone --depth 1 https://github.com/ForgeyClap/claude-forge

Made for: Claude Code, Codex.

Or install forge, the plugin that ships this one along with the rest of its 11 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-react

README.md
[![agentmods](https://agentmods.dev/badge/skills/forgeyclap/claude-forge/gsap-react.svg)](https://agentmods.dev/skills/forgeyclap/claude-forge/gsap-react)
Your own site
<a href="https://agentmods.dev/skills/forgeyclap/claude-forge/gsap-react"><img src="https://agentmods.dev/badge/skills/forgeyclap/claude-forge/gsap-react.svg" alt="Measured on agentmods" height="20"></a>
Per session 68 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 2,119 The whole file, excluding the scripts and references it only reads on demand.
Security scan E 3 findings. Scan, not verified.
Origin 88% copy Near-identical to another mod 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 $0.00068 $0.02119
Opus 5 $0.00034 $0.01059
Sonnet 5 $0.00014 $0.00424
Haiku 4.5 $0.00007 $0.00212

Measured yesterday against content hash de4387718aff, method: parsed. Prices are Anthropic first-party input rates as of 2026-08-30, from the pricing page.

Security

Grade E, and why

gsap-react scanned grade E with 3 findings 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 yesterday.

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.

Hidden instructionshighPrompt injection

Directives inside HTML comments, invisible characters or bidirectional overrides are read by the model and not by the person reviewing the file.

<!-- Source: https://github.com/greensock/gsap-skills Pinned commit: aed9cfd3277740755f6bfc1155c7aa645403b760 (2026-04-21T23:47:02Z) License: MIT (c) 2026 GreenSock Adaptation: vendored (not npx skills add) -- pinned mar

Recursive force deletehighDestructive command

rm -rf with a variable or a broad path is one typo away from removing the wrong tree.

to non-docs endpoints, no credential/secret/token exfil, no rm -rf) found in any of the 8 SKILL.md files

Makes network callslowCapability

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

no injection/exec/exfiltration patterns (no "ignore previous", no curl|bash, no exec(/subprocess/fetch(
Origin

This is a copy

88% identical to gsap-react — 25 lines differ, which has more behind it and is treated as the original. This page carries a canonical link to it rather than competing with it.

plugins/forge/skills/gsap/gsap-react/SKILL.md · 161 lines

How it starts

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

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. yesterday First seen · 161 lines · 68 tokens per session scan E de4387718aff

Subscribe to this mod's changes

gsap-react is a skill published in the GitHub repository ForgeyClap/claude-forge (2 stars, last pushed 1mo ago), licensed MIT. It adds 68 tokens to every session and 2,119 once invoked, about $0.0003 per session on Opus 5. A static security scan graded it E with 3 findings (hidden instructions, recursive force delete, makes network calls). It is 88% identical to gsap-react, differing in 25 lines, and is treated as a copy.

Related

Other skills, from other repositories

deck-open-slide-canvas

锁死 1920×1080 画布, React 组件级自由组合, 不绑模板.

nexu-io/html-anything · 28 tokens

openforms-mui

Author, render, preview and debug OpenForms FormSchemaJSON form definitions as idiomatic, themed, accessible MUI (React). Use when the user wants to design an OpenForms form, render an OpenForms schema with Material UI, convert an OpenForms JSON schema into a React MUI form, preview a form schema, or debug…

BlackBeltTechnology/pi-agent-dashboard · 131 tokens

canvas-webapp

Render a React/Vite (or any bundled) web app on the pi-dashboard canvas, which loads loopback URLs in a sandboxed opaque-origin iframe. Use when a canvas(target:{kind:"url"|"server"}) target shows up blank white, an empty surface, or a /live/ 500 ECONNREFUSED. Covers why Vite dev servers and non-CORS static servers…

BlackBeltTechnology/pi-agent-dashboard · 99 tokens

create-custom-widget

Build a Mendix pluggable widget from scratch with React and TypeScript and package it as an .mpk. Use when no marketplace or built-in widget covers what is needed and a custom React component has to be written.

mendixlabs/mxcli · 50 tokens

frontend-development

Required context for all frontend work. Loads frontend standards (conventions, React Query patterns, adapter testing requirements) before any code changes. Use when modifying anything under components/frontend/. Triggers on: any frontend code change, UI component work, React Query hooks, API adapter work, frontend bug…

ambient-code/platform · 67 tokens

react-application-structure

Establishes or reviews the directory layout, feature boundaries, state design, routing approach, and data-fetching conventions for a React 18+ TypeScript application. Invoked when the user asks to structure a React app, set up a scalable architecture, or review React project organization.

soulcodex/agentic · 63 tokens