GSAP with React

概览

This AI agent skill provides technical guidance for integrating the GreenSock Animation Platform (GSAP) within React and Next.js environments. Hosted in the mxyhi/ok-skills repository, it focuses on modern implementation patterns such as the useGSAP hook and gsap.context() for scoping animations. The skill assists developers in managing React refs for DOM targeting and ensures proper memory management through automated cleanup on component unmount. By leveraging documentation from the source repository, which has gained significant community interest with 423 stars, the skill helps resolve common issues related to React's strict mode and lifecycle-specific animation triggers. It serves as a specialized resource for frontend design, offering factual instructions for building performant, timeline-based animations within a component-based architecture.

使用场景

安装说明

# Review source first
open https://github.com/mxyhi/ok-skills/blob/main/gsap-skills/gsap-react/SKILL.md

Copy or clone the skill folder into your agent skills directory after reviewing its instructions and scripts.

安全提示

This skill provides implementation guidance based on the mxyhi/ok-skills repository and does not require local file system permissions or external API keys. Users should follow standard dependency management practices when installing GSAP and React packages from official registries.