Manage JavaScript web animations, timelines, and physics-driven interactions.
npx skills add https://github.com/shirulot/codex-skill --skill anime
Please help me install this Agent Skill. Skill: anime Source: https://github.com/shirulot/codex-skill/tree/main/anime Command: npx skills add https://github.com/shirulot/codex-skill --skill anime
This Skill simplifies the creation of complex, high-performance web animations, removing the need for manual DOM manipulation or cumbersome CSS keyframe management.
Use the anime skill to animate the opacity and scale of all elements with the class box over a duration of one second.
High-intent search queries and answers about installing and using this skill.
Web animation sequencing is managed through a JavaScript API that builds multi-step sequences using timelines and labels. It removes the need for manual DOM manipulation or cumbersome CSS keyframe management by orchestrating timing controls programmatically.
SVG path morphing and DOM element animation are supported together through a unified API. The system animates CSS properties, SVG attributes, DOM elements, and JavaScript objects simultaneously within a single timeline architecture.
Building draggable elements with physics is achieved through built-in snap points and physics interaction controls. This approach enables responsive interfaces featuring draggable elements that react naturally to user input and scroll-linked animations.
This web animation approach integrates directly with the native Web Animations API. It satisfies requirements for a modular, high-performance animation architecture using ES modules without relying on any external dependencies.
Scroll-linked animations function by tying animation progress to scroll position via JavaScript controls. This creates responsive web interfaces where elements animate dynamically based on user scrolling, often combined with draggable physics and snap points.
External libraries are not required to achieve high-performance web animations. The modular architecture operates with zero dependencies, leveraging ES modules and native Web Animations API integration to support complex timelines and physics interactions.
freshtechbroCreate declarative timeline-based animations for DOM elements, CSS properties, SVG attributes, and JavaScript objects.
BowTiedSwanIntegrate Anime.js v4 animations across DOM and React environments.
SnakeODiagnose React UI errors and performance bottlenecks with structured debugging workflows.
Im5tuGuide developers in implementing Flutter animations across implicit, explicit, hero, staggered, and physics-based types.
