SuperAPI AI Directory

animated-video

Design & creation

View repository

Updated 10-16 07:27

About this skill

animated-video

Build a short animated piece that runs in the browser without external runtime.

Default form

  • Single HTML file with inline CSS keyframes / WAAPI / requestAnimationFrame
  • 1080×1080 or 16:9 stage, target ≤30s, ≤60fps
  • All assets inlined or fetched from public artifact URLs (no relative paths)

Structure

  1. Stage container with fixed aspect ratio
  2. Layered scenes (intro / hold / outro)
  3. Easing curves chosen for purpose, not novelty (overuse of bounce = AI slop)

Verification

  • Loops cleanly if requested as loop
  • Plays in Chrome + Safari without console errors
  • Pauses on prefers-reduced-motion: reduce