Animate web pages with GSAP

Get skill on GitHubRaw SKILL.md on GitHub

Opens the skill on GitHub

Source GreenSock — greensock/gsap-skills

Installnpx skills add greensock/gsap-skills --skill gsap-core

Submit a skill

Overview

This skill is GreenSock's guide to the core GSAP API: tweens with to, from, and fromTo, easing, duration, stagger, and defaults. It also covers matchMedia for responsive and reduced-motion animation and when to pick GSAP over CSS or other libraries.

Use cases

Alternatives

  • Audit the animations in a codebaseThis skill looks over the motion and animation code in a codebase without changing it. It ranks what to improve and writes standalone plans that other agents can carry out. The plans are confirmed with you before they are written.Coding agentAnimationFrontend
  • Apple DesignApplies Apple-like interface and physical-motion design patterns to web experiences.Coding agentDesignFrontend
  • Expo UIBuilds native interfaces with @expo/ui, using SwiftUI on iOS and Jetpack Compose on Android.Coding agentMobileFrontend
  • Figma Use (Figma Official)Official Figma MCP skill for reading and editing Figma files via the Figma MCP server.Coding agentDesignFrontend
  • Full Output EnforcementEnforces complete LLM code output by banning placeholders and truncated file generation.Coding agentMetaFrontend
  • HyperFramesRoutes video, animation, and motion-graphics requests to the appropriate HyperFrames workflow.Coding agentVideoFrontend