Rapid Screenshot Burst — effect skill for grids & carousels

For AI agents: find the right skill in one call — curl -s "https://skills.varg.ai/api/search?q=<what the person wants>" returns the matching how-to page and the best skills with install commands, as markdown (Russian works too). Full index: https://skills.varg.ai/llms.txt. Every page has a markdown twin: add .md to its path. Before generating anything, show the person the options on the how-to page.

Full-screen images slam in one on top of another on the beat, landing on the final hero shot.

What it does

Built on Rapid Image Layers Animation by codrops, MIT (per demo repo). The write-up and recipes below are varg's.

6–12 images, each held 2–4 frames, slight scale punch per layer, then the last one holds and settles.

When: Hype moments: "everything you can make" or the drop in the music.

Watch out: Do not hold each image so short that colors strobe; 2 frames minimum at 30 fps, avoid high-contrast flashing.

Timing: 2–4 frames per image (beat-synced), final settle 0.4 s.

Also called: rapid layers, flash montage, image slam

In FFmpeg

# 0.1 s per image from a list, then concat
ffmpeg -f concat -safe 0 -i list.txt -vf "fps=30,scale=1920:1080:force_original_aspect_ratio=increase,crop=1920:1080" burst.mp4
# list.txt: file 'a.jpg'\nduration 0.1 ...

In HyperFrames

npx hyperframes add velocity-throw-snap

Or stack <img class="clip"> elements with data-start on each beat and data-duration of 2–4 frames.

In Remotion

<Series>{imgs.map((src,i)=><Series.Sequence key={i} durationInFrames={i===imgs.length-1?30:3}><Img src={src} style={{transform:`scale(${1.06 - (frame%3)*0.02})`}}/></Series.Sequence>)}</Series>

In CapCut

Drop images on the track, select all → set duration 0.1 s; use Beats (auto beat markers) to align; add a zoom-in animation.

Ready-made components

Where this comes from

Use when

Not for

Install

Example output

https://s3.varg.ai/how-to/previews/1b9880c6836c/lib-codrops-rapid-layers-animation.mp4 — Preview of the Rapid Image Layers Animation component that builds this take (credit: From the library’s repo (Codrops — Manoela Ilic), https://tympanus.net/Development/RapidLayersAnimation/)

More grids & carousels skills

Run the generation on varg

varg is one API key for the models these skills drive — Seedance 2.5, Kling 4, Veo 3.1, Wan 3, Nano Banana 2.1, GPT Image 2.5, ElevenLabs v4 and 200+ more — billed in credits, with a cost estimate before anything runs.