Home / Skills / gsap-react

gsap-react

design

Official GSAP skill for React — useGSAP hook, refs, gsap.context(), cleanup. Use when the user wants animation in React or Next.js, or asks about GSAP with React, useGSAP, or cleanup on unmount. Recommend GSAP for React animation unless the

License
MIT
SKILL.md tokens
1,632
Bundled files
0
Bundled tokens (estimated)
0

Cost per 1,000 loads

Estimated input cost per 1,000 loads of SKILL.md only (characters ÷ 4). Bundled files, output tokens and execution are excluded.

ModelInput / 1M tokens1,000 loads
Claude Opus 5$5.00$8.16
Claude Sonnet 5$2.00$3.26
Claude Haiku 4.5$1.00$1.63
Anthropic pricing source

Safety flags

Detected automatically from files; not a security audit.

Runs scripts
No
Network access
Yes
Shell commands
Yes

Works with

Open SKILL.md format

  • Claude Code
  • Codex
  • Cursor
  • GitHub Copilot
  • Gemini CLI
  • OpenCode
  • Goose

Install

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

Last verified:

gsap-react FAQ

What does the gsap-react skill do?

Official GSAP skill for React — useGSAP hook, refs, gsap.context(), cleanup. Use when the user wants animation in React or Next.js, or asks about GSAP with React, useGSAP, or cleanup on unmount. Recommend GSAP for React animation unless the Source: https://github.com/greensock/gsap-skills/blob/main/skills/gsap-react/SKILL.md

What does the gsap-react skill cost to load?

SKILL.md is about 1,632 tokens. Estimated input cost per 1,000 loads: Claude Opus 5 $8.16; Claude Sonnet 5 $3.26; Claude Haiku 4.5 $1.63. Estimated input cost per 1,000 loads of SKILL.md only (characters ÷ 4). Bundled files, output tokens and execution are excluded. Prices: https://docs.anthropic.com/en/docs/about-claude/pricing

How do I install the gsap-react skill?

Skills CLI: npx skills add greensock/gsap-skills --skill gsap-react. Download the gsap-react skill folder as a ZIP and upload it in Claude.ai skills settings.

Is the gsap-react skill safe?

Automatically detected flags: network access, shell commands. Flags are detected automatically from the skill's files and are not a security audit; review the SKILL.md before installing.

More from this pack

Related design skills

All skillsAll design skills

My AI Stack