How do I install the Gsap Skills skill?

Run npx skillmds add podo/gsap-skills in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Gsap Skills safe to use?

This skill has not completed SkillMD's automated safety review yet. Capability flags: makes network calls. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Gsap Skills?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Gsap Skills free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Gsap Skills?

podo (@podo) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Gsap Skills by podo — Agent Skill

Name: Gsap Skills
Rating: 4.666666666666667 (3 reviews)
Author: podo

Gsap Skills

Official GSAP skills suite with 8 focused skills: core GSAP, Timeline, ScrollTrigger, plugins (Flip/Draggable/SplitText), utils, React (useGSAP hook), performance (60fps), and frameworks (Vue/Svelte/Nuxt). Works across Cursor, Claude Code, Copilot.

podo 536c5a6 2 files · 2.1 KB Updated Sep 9, 2026

File contents

gsap-skills

Catalogue stub — full package: greensock/gsap-skills

Decision tree

Is the package already installed? Check: your agent's skills directory contains gsap-skills with content beyond this stub.
- Yes → invoke gsap-skills and proceed
- No → go to step 2
Which agent are you on?
- Claude Code → npx skills add https://github.com/greensock/gsap-skills — or send ! npx skills add … as a chat message (add -g for global, omit for project-only)
- Cursor → npx skills add https://github.com/greensock/gsap-skills
- Other → npx skills add https://github.com/greensock/gsap-skills or see GitHub README

Install command

npx skills add https://github.com/greensock/gsap-skills

Invoke after install

Skill name: gsap-skills
Trigger phrases: "GSAP", "GreenSock", "ScrollTrigger", "GSAP timeline", "useGSAP"

What it does

Official GreenSock GSAP skills suite comprising 8 focused skills: core GSAP tweening, Timeline orchestration, ScrollTrigger (scroll-linked and scroll-triggered animations), plugin-specific skills for Flip, Draggable, and SplitText, a utilities skill, a React skill covering the useGSAP hook and cleanup patterns, a performance skill targeting 60fps GPU-accelerated motion, and a frameworks skill covering Vue, Svelte, and Nuxt integration. Works across Cursor, Claude Code, and GitHub Copilot.

When NOT to use

Pure CSS animations without JavaScript (use animate-css-skill)
Framer Motion projects in React (use framer-motion-skills)

---name: gsap-skillsdescription: Official GSAP skills suite with 8 focused skills: core GSAP, Timeline, ScrollTrigger, plugins (Flip/Draggable/SplitText), utils, React (useGSAP hook), performance (60fps), and frameworks (Vue/Svelte/Nuxt). Works across Cursor, Claude Code, Copilot.--- # gsap-skills > Catalogue stub — full package: [greensock/gsap-skills](https://github.com/greensock/gsap-skills) ## Decision tree 1. **Is the package already installed?** Check: your agent's skills directory contains `gsap-skills` with content beyond this stub. - Yes → invoke `gsap-skills` and proceed - No → go to step 2 2. **Which agent are you on?** - Claude Code → `npx skills add https://github.com/greensock/gsap-skills` — or send `! npx skills add …` as a chat message (add `-g` for global, omit for project-only) - Cursor → `npx skills add https://github.com/greensock/gsap-skills` - Other → `npx skills add https://github.com/greensock/gsap-skills` or see [GitHub README](https://github.com/greensock/gsap-skills) ## Install command ```bash npx skills add https://github.com/greensock/gsap-skills ``` ## Invoke after install - Skill name: `gsap-skills` - Trigger phrases: "GSAP", "GreenSock", "ScrollTrigger", "GSAP timeline", "useGSAP" ## What it does Official GreenSock GSAP skills suite comprising 8 focused skills: core GSAP tweening, Timeline orchestration, ScrollTrigger (scroll-linked and scroll-triggered animations), plugin-specific skills for Flip, Draggable, and SplitText, a utilities skill, a React skill covering the `useGSAP` hook and cleanup patterns, a performance skill targeting 60fps GPU-accelerated motion, and a frameworks skill covering Vue, Svelte, and Nuxt integration. Works across Cursor, Claude Code, and GitHub Copilot. ## When NOT to use - Pure CSS animations without JavaScript (use `animate-css-skill`) - Framer Motion projects in React (use `framer-motion-skills`)

Frequently asked questions