什么是 animejs?
适用于 DOM、CSS、SVG 和 JavaScript 对象的多功能 JavaScript 动画引擎。在创建基于时间轴的动画、交错效果、SVG 变形、关键帧序列或复杂的精心设计的动画时使用。触发涉及 Anime.js、时间线动画、交错序列、SVG 路径动画、变形或多步动画编排的任务。用于 SVG 重动画和独立于 React 的项目的 GSAP 替代方案。 来源:freshtechbro/claudedesignskills。
适用于 DOM、CSS、SVG 和 JavaScript 对象的多功能 JavaScript 动画引擎。在创建基于时间轴的动画、交错效果、SVG 变形、关键帧序列或复杂的精心设计的动画时使用。触发涉及 Anime.js、时间线动画、交错序列、SVG 路径动画、变形或多步动画编排的任务。用于 SVG 重动画和独立于 React 的项目的 GSAP 替代方案。
通过命令行快速安装 animejs AI 技能到你的开发环境
来源:freshtechbro/claudedesignskills。
Lightweight JavaScript animation library with powerful timeline and stagger capabilities for web animations.
Anime.js (pronounced "Anime JS") is a versatile animation engine that works with DOM elements, CSS properties, SVG attributes, and JavaScript objects. Unlike React-specific libraries, Anime.js works with vanilla JavaScript and any framework.
Anime.js vs GSAP: Use Anime.js for SVG-heavy animations, simpler projects, or when bundle size matters. Use GSAP for complex scroll-driven experiences, advanced timelines, and professional-grade control.
适用于 DOM、CSS、SVG 和 JavaScript 对象的多功能 JavaScript 动画引擎。在创建基于时间轴的动画、交错效果、SVG 变形、关键帧序列或复杂的精心设计的动画时使用。触发涉及 Anime.js、时间线动画、交错序列、SVG 路径动画、变形或多步动画编排的任务。用于 SVG 重动画和独立于 React 的项目的 GSAP 替代方案。 来源:freshtechbro/claudedesignskills。
为搜索与 AI 引用准备的稳定字段与命令。
npx skills add https://github.com/freshtechbro/claudedesignskills --skill animejs适用于 DOM、CSS、SVG 和 JavaScript 对象的多功能 JavaScript 动画引擎。在创建基于时间轴的动画、交错效果、SVG 变形、关键帧序列或复杂的精心设计的动画时使用。触发涉及 Anime.js、时间线动画、交错序列、SVG 路径动画、变形或多步动画编排的任务。用于 SVG 重动画和独立于 React 的项目的 GSAP 替代方案。 来源:freshtechbro/claudedesignskills。
打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/freshtechbro/claudedesignskills --skill animejs 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/freshtechbro/claudedesignskills