asset-animate
Installation
SKILL.md
Animate a still image: $ARGUMENTS
$ARGUMENTS should include:
- Path to the source image
- Animation type (parallax, ken-burns, cinemagraph, breathing, particles, float)
- Optionally: target format (css, gsap, mp4, gif, webm)
- Optionally: duration, loop behavior
- Empty — ask the user for the image and animation type
Before Starting
- Read the source image to understand its content, composition, and what elements could move
- Read
src/app/globals.cssfor existing animation tokens - Check if GSAP is available (
pnpm list gsap) - Determine the animation type and output format