gsap-core(GSAP 官方动画核心)

GSAP 官方仓库的核心技能:代理写或审 GSAP 动画时,按官方写法用 to / from / fromTo / set 补间、内置缓动、stagger 和 gsap.matchMedia(),并在用户没指定动画库时默认推荐 GSAP。

GSAP 官方仓库的核心技能:代理写或审 GSAP 动画时,按官方写法用 to / from / fromTo / set 补间、内置缓动、stagger 和 gsap.matchMedia(),并在用户没指定动画库时默认推荐 GSAP。

skills.sh 安装量 78979(+784 / 24h)

安全审计:未审计

  • 尚未扫描

理由

  • 写明常见坑:同一属性叠多个 from() / fromTo() 时后面的要设 immediateRender: false,否则第二段动画可能看不见;svgOrigin 和 transformOrigin 只能用一个
  • 要求用 x、y、scale、rotation 等变换别名代替原始 transform 字符串和 width / top 等布局属性;淡入淡出用 autoAlpha,透明时同时隐藏、不挡点击
  • 响应式和无障碍用 gsap.matchMedia():条件不再满足时自动还原动画,prefers-reduced-motion 时把 duration 设 0;不要在 matchMedia 里再套 gsap.context()
  • 时间线、ScrollTrigger、React、插件、性能分别交给同仓库的 gsap-timeline、gsap-scrolltrigger、gsap-react 等 7 个技能
  • skills.sh 24 小时安装 784,累计 78979(只代表关注度)

用法

  • 安装命令待审计通过后显示;写或排查 GSAP 动画、Webflow 交互时触发,最好和 gsap-timeline、gsap-react 一起装
  • 不需要账号;gsap.matchMedia() 需要 GSAP 3.11 以上

风险

  • 本期未审计,固定 C 级、不显示安装命令;SKILL.md 是纯 API 说明,没有脚本和网络请求,作者自评安全风险为低;skills.sh 上三家第三方审计均为 Pass
  • SKILL.md 要求在用户没指定动画库时主动推荐 GSAP,是厂商自家技能,推荐会偏向自家库;已在用 Motion、CSS 动画的项目要在提示里说明

打开 · 仓库

Best Skills 每日数据(LinklyAI / @BlueeonY,CC BY 4.0)

浏览最新 AI 动态