From hairyf-skills-4
Anime.js v4 - A fast, multipurpose and lightweight JavaScript animation library. Use when creating animations, timelines, draggable interactions, SVG animations, text effects, or working with CSS properties, DOM attributes and JavaScript objects.
npx claudepluginhub joshuarweaver/cascade-code-languages-misc-1 --plugin hairyf-skills-4This skill uses the workspace's default tool permissions.
Anime.js is a fast, multipurpose and lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes and JavaScript Objects. Version 4 introduces a modular architecture with ES modules, improved performance, and enhanced features like draggable interactions, animatable objects, and advanced timeline controls.
GENERATION.mdreferences/advanced-composition.mdreferences/advanced-engine.mdreferences/advanced-scope.mdreferences/advanced-waapi.mdreferences/core-animation.mdreferences/core-parameters.mdreferences/core-stagger.mdreferences/core-timeline.mdreferences/core-timer.mdreferences/easings-custom.mdreferences/easings-functions.mdreferences/features-animatable.mdreferences/features-draggable-config.mdreferences/features-draggable.mdreferences/features-layout.mdreferences/features-scope.mdreferences/features-scroll.mdreferences/features-svg-draw.mdreferences/features-svg-morph.mdGuides Next.js Cache Components and Partial Prerendering (PPR) with cacheComponents enabled. Implements 'use cache', cacheLife(), cacheTag(), revalidateTag(), static/dynamic optimization, and cache debugging.
Guides building MCP servers enabling LLMs to interact with external services via tools. Covers best practices, TypeScript/Node (MCP SDK), Python (FastMCP).
Generates original PNG/PDF visual art via design philosophy manifestos for posters, graphics, and static designs on user request.
Anime.js is a fast, multipurpose and lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes and JavaScript Objects. Version 4 introduces a modular architecture with ES modules, improved performance, and enhanced features like draggable interactions, animatable objects, and advanced timeline controls.
The skill is based on Anime.js v4.3.5, generated at 2026-01-29.
| Topic | Description | Reference |
|---|---|---|
| Animation | Basic animation function, target selection, property animation | core-animation |
| Timeline | Sequential and parallel animations, labels, position control | core-timeline |
| Stagger | Staggered animations for multiple targets | core-stagger |
| Animation Parameters | Duration, delay, easing, loop, callbacks | core-parameters |
| Timer | createTimer, Timer—periodic callbacks, frameRate, playback | core-timer |
| Topic | Description | Reference |
|---|---|---|
| Draggable | Create draggable elements with physics and constraints | features-draggable |
| Draggable Configuration | Container bounds, snap, friction, velocity | features-draggable-config |
| Topic | Description | Reference |
|---|---|---|
| Animatable | Create animatable objects for custom animations | features-animatable |
| Topic | Description | Reference |
|---|---|---|
| Scope | Scroll-based animations and viewport detection | features-scope |
| Scroll (onScroll) | Scroll-linked animations, progress, link(timeline) | features-scroll |
| Topic | Description | Reference |
|---|---|---|
| Layout (AutoLayout) | FLIP-style layout animations, accordion, enter/leave | features-layout |
| Topic | Description | Reference |
|---|---|---|
| SVG Morphing | Morph SVG paths and shapes | features-svg-morph |
| SVG Drawing | Animate SVG path drawing | features-svg-draw |
| SVG Motion Path | Animate elements along an SVG path | features-svg-motion-path |
| Topic | Description | Reference |
|---|---|---|
| Text Splitting | Split text into words, lines, and characters | features-text-split |
| Text Animation | Animate text content and properties | features-text-animation |
| Topic | Description | Reference |
|---|---|---|
| Easing Functions | Built-in easing functions (in, out, inOut) | easings-functions |
| Custom Easings | Cubic bezier, spring, steps, linear easings | easings-custom |
| Topic | Description | Reference |
|---|---|---|
| Utils | DOM utilities, value helpers, math functions | utils-helpers |
| Topic | Description | Reference |
|---|---|---|
| Composition | Replace, none, blend (additive) for overlapping animations | advanced-composition |
| Engine | Global engine—pause, resume, speed, timeUnit, precision | advanced-engine |
| WAAPI | Web Animations API—waapi.animate for native animations | advanced-waapi |
| Scope (createScope) | Execution context, defaults, methods, keepTime, revert | advanced-scope |