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

  1. Read the source image to understand its content, composition, and what elements could move
  2. Read src/app/globals.css for existing animation tokens
  3. Check if GSAP is available (pnpm list gsap)
  4. Determine the animation type and output format

Animation Types

Installs
1
GitHub Stars
1
First Seen
Jun 4, 2026
asset-animate — joshuashepherd/my-skills