# GSAP animation performance (/gsap-performance)

/gsap-performance is a Claude Code skill in the Web & Design section. It is maintained by greensock and published under the MIT license. A guide to keeping GSAP animations smooth: prefer transforms, avoid layout thrashing, use will-change and batch updates.

- Web version: https://skills.sgomez.dev/en/s/gsap-performance
- Section: [Web & Design](https://skills.sgomez.dev/en/web.md)
- Author: greensock
- License: MIT
- Source: https://github.com/greensock/gsap-skills/tree/aed9cfd3277740755f6bfc1155c7aa645403b760/skills/gsap-performance
- Updated 21 Apr 2026

## How to ask for it

- `My GSAP animation is janky, help me optimize it`
- `How do I avoid layout thrashing in this animation`
- `I need this animation to hold a smooth 60fps`

## Install

macOS · Linux:

```
curl -fsSL https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.sh | bash
```

Windows:

```
irm https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.ps1 | iex
```


## Author's description

Official GSAP skill for performance — prefer transforms, avoid layout thrashing, will-change, batching. Use when optimizing GSAP animations, reducing jank, or when the user asks about animation performance, FPS, or smooth 60fps.

- [How we review this](https://skills.sgomez.dev/en/methodology.md)
