animejs
✓Use when creating JavaScript animations with Anime.js v4, implementing web animations, or when user mentions anime.js/animejs. Triggers on v3 code symptoms: anime() instead of animate(), translateX instead of x, easeOutExpo instead of outExpo, anime.timeline() instead of createTimeline(). Also triggers on: CSS animation, SVG animation, scroll-driven animation, drag interaction, text splitting, layout FLIP, spring physics, stagger patterns in JavaScript.
Installation
SKILL.md
Modern JavaScript animation library. V4 is a complete rewrite — animate() not anime().
If you see ANY V3 pattern, the code MUST be migrated.
| anime({ targets: '.el', ... }) | animate('.el', { ... }) | Targets = first arg | | anime.timeline() | createTimeline() | Named import | | anime.stagger(100) | stagger(100) | Named import | | anime.set() / anime.get() | utils.set() / utils.get() | On utils object | | anime.remove(targets) | utils.remove(targets) | On utils object |
Use when creating JavaScript animations with Anime.js v4, implementing web animations, or when user mentions anime.js/animejs. Triggers on v3 code symptoms: anime() instead of animate(), translateX instead of x, easeOutExpo instead of outExpo, anime.timeline() instead of createTimeline(). Also triggers on: CSS animation, SVG animation, scroll-driven animation, drag interaction, text splitting, layout FLIP, spring physics, stagger patterns in JavaScript. Source: lucking7/animejs-skills.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/lucking7/animejs-skills --skill animejs- Source
- lucking7/animejs-skills
- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-12
- Updated
- 2026-02-18
Quick answers
What is animejs?
Use when creating JavaScript animations with Anime.js v4, implementing web animations, or when user mentions anime.js/animejs. Triggers on v3 code symptoms: anime() instead of animate(), translateX instead of x, easeOutExpo instead of outExpo, anime.timeline() instead of createTimeline(). Also triggers on: CSS animation, SVG animation, scroll-driven animation, drag interaction, text splitting, layout FLIP, spring physics, stagger patterns in JavaScript. Source: lucking7/animejs-skills.
How do I install animejs?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/lucking7/animejs-skills --skill animejs Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/lucking7/animejs-skills
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-12