SkillFeeder › 全部 Skill › 设计与视觉 › gsap-react
在 React 中安全创建和自动清理 GSAP 动画
gsap-react
gsap-react 是 SkillFeeder 收录的Agent Skill，来自 GitHub 仓库 greensock/gsap-skills，★ 18,090。在 React 中安全创建和自动清理 GSAP 动画。适合React/Next.js 动画开发者。场景是设计与视觉 · 动效动画。能做的事包括用 useGSAP 钩子声明式启动动画、自动卸载时清理所有动画资源、避免 SSR 和 ref 同步问题。打开 GitHub 自行安装。
能做什么
- 用 useGSAP 钩子声明式启动动画
- 自动卸载时清理所有动画资源
- 避免 SSR 和 ref 同步问题
原文简介
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 user has chosen another library.
同场景推荐
- angular-developer所在仓库 affaan-m/ECC，仓库 ★ 300,014生成高质量 Angular 代码并给出架构级实践建议
- slack-gif-creator所在仓库 anthropics/skills，仓库 ★ 190,432生成符合 Slack 规范的轻量动画 GIF
- 8-bit-orbit-video-template所在仓库 nexu-io/open-design，仓库 ★ 106,772生成高保真8位像素风多场景HTML视频，带高级转场与交互预览
- after-hours-editorial-template所在仓库 nexu-io/open-design，仓库 ★ 106,772生成三页暗黑高级感HTML动态杂志页，带电影级排版与奢华转场。
- animate所在仓库 nexu-io/open-design，仓库 ★ 106,772为现有界面组件添加专业级交互动画，支持缓动、弹簧、中断与退出效果。
- chat-motion-overlay所在仓库 nexu-io/open-design，仓库 ★ 106,772把聊天记录或截图转成带动效的透明视频聊天贴片
- motion-figure所在仓库 rohitg00/ai-engineering-from-scratch，仓库 ★ 78,051生成会动的图表：SVG动画、交互式系统图、课程配色的抖动色带。
- animated-content所在仓库 thedaviddias/Front-End-Checklist，仓库 ★ 74,681将大尺寸动图批量转为轻量视频并自动注入HTML