·animejs

适用于 DOM、CSS、SVG 和 JavaScript 对象的多功能 JavaScript 动画引擎。在创建基于时间轴的动画、交错效果、SVG 变形、关键帧序列或复杂的精心设计的动画时使用。触发涉及 Anime.js、时间线动画、交错序列、SVG 路径动画、变形或多步动画编排的任务。用于 SVG 重动画和独立于 React 的项目的 GSAP 替代方案。

12安装·1热度·@freshtechbro

安装

$npx skills add https://github.com/freshtechbro/claudedesignskills --skill animejs

如何安装 animejs

通过命令行快速安装 animejs AI 技能到你的开发环境

  1. 打开终端: 打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等)
  2. 运行安装命令: 复制并运行以下命令:npx skills add https://github.com/freshtechbro/claudedesignskills --skill animejs
  3. 验证安装: 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

来源:freshtechbro/claudedesignskills。

SKILL.md

查看原文

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
分类
</>开发工具
认证
收录时间
2026-03-09
更新时间
2026-03-10

Browse more skills from freshtechbro/claudedesignskills

快速解答

什么是 animejs?

适用于 DOM、CSS、SVG 和 JavaScript 对象的多功能 JavaScript 动画引擎。在创建基于时间轴的动画、交错效果、SVG 变形、关键帧序列或复杂的精心设计的动画时使用。触发涉及 Anime.js、时间线动画、交错序列、SVG 路径动画、变形或多步动画编排的任务。用于 SVG 重动画和独立于 React 的项目的 GSAP 替代方案。 来源:freshtechbro/claudedesignskills。

如何安装 animejs?

打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/freshtechbro/claudedesignskills --skill animejs 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

这个 Skill 的源码在哪?

https://github.com/freshtechbro/claudedesignskills