Pull In (Zoom In) — effect skill for transitions
For AI agents: find the right skill in one call —
curl -s "https://varg.ai/how-to/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://varg.ai/how-to/llms.txt. Every page has a markdown twin: add.mdto its path. Before generating anything, show the person the options on the how-to page.
The camera rushes into shot A and lands, still moving forward, in shot B. The signature short-form transition.
- Type: Effect · Transitions
- Slug:
pull-in-zoom - Status: live
- Publisher: HeyGen (community)
- License: Apache-2.0
- Source: https://github.com/heygen-com/hyperframes/tree/main/registry/components/zoom-through-transition
- Works in: Claude Code, Claude.ai, Codex, Cursor, OpenClaw, Gemini CLI, Any MCP client, varg Studio
- Requires: ffmpeg, HyperFrames (npx hyperframes), Remotion, CapCut (by hand)
- Cost: Free — the take renders locally; generated footage, if any, bills by the model
What it does
Built on Zoom Through Transition by HeyGen (HyperFrames), Apache-2.0. The write-up and recipes below are varg's.
A scales up fast with motion blur; B starts enlarged and settles to 100%, so the zoom feels continuous.
When: Hooks, travel and fashion reels, going "into" a detail, on a beat.
Watch out: On slow, emotional pieces; and stacking it on every cut.
Timing: 0.3–0.5 s (CapCut Pull in 0.47 s), ease-in into the cut, ease-out after
Also called: Pull in, Zoom in transition, zoom transition, punch zoom, Snap Zoom, Zoom to Change
In FFmpeg
Real two-sided zoom: last 0.3 s of A scales 1→1.5 with blur, first 0.3 s of B scales 1.5→1 (720p example):
ffmpeg -i a.mp4 -i b.mp4 -filter_complex \
"[0:v]trim=0:5,setpts=PTS-STARTPTS,scale=w='trunc(1280*(1+if(gte(t,4.7),(t-4.7)/0.3*0.5,0))/2)*2':h=-2:eval=frame,\
crop=1280:720,gblur=sigma=12:enable='gte(t,4.8)'[a];\
[1:v]trim=0:4,setpts=PTS-STARTPTS,scale=w='trunc(1280*(1+if(lt(t,0.3),(0.3-t)/0.3*0.5,0))/2)*2':h=-2:eval=frame,\
crop=1280:720,gblur=sigma=12:enable='lt(t,0.2)'[b];\
[a][b]concat=n=2:v=1:a=0[v]" -map "[v]" out.mp4
Quick version: xfade=transition=zoomin:duration=0.4:offset=<A-0.4> (zooms into A while fading to B).
In HyperFrames
CSS zoom-through on the two scene wrappers:
tl.to("#s1", { scale: 2.5, opacity: 0, filter: "blur(8px)", duration: 0.4, ease: "power3.in" }, T);
tl.fromTo("#s2", { scale: 0.5, opacity: 0, filter: "blur(8px)" }, { scale: 1, opacity: 1, filter: "blur(0px)", duration: 0.4, ease: "power3.out" }, T);
Or npx hyperframes add zoom-through-transition; shader: cinematic-zoom.
In Remotion
import {TransitionSeries, linearTiming, springTiming} from '@remotion/transitions';
import {zoomInOut} from '@remotion/transitions/zoom-in-out';
<TransitionSeries>
<TransitionSeries.Sequence durationInFrames={90}><ShotA /></TransitionSeries.Sequence>
<TransitionSeries.Transition presentation={zoomInOut({})} timing={linearTiming({durationInFrames: 12})} />
<TransitionSeries.Sequence durationInFrames={90}><ShotB /></TransitionSeries.Sequence>
</TransitionSeries>
Total = 90 + 90 - 12 frames: the transition overlaps the two shots.
Shader presentations are built on Remotion's HTML-in-canvas: renders work out of the box (--gl=angle, or --gl=swangle without a GPU); the Studio preview needs Chrome with chrome://flags/#canvas-draw-element enabled. remocn lensZoom() (28 frames) adds barrel distortion, zoom blur and shake around the splice.
In CapCut
Transitions tab → Camera → Pull in, Snap Zoom, Zoom Transition, Zoom to Change, Twinkle Zoom. Desktop: drag the tile onto the cut between two clips and set Duration in the right panel ("Apply to all" reuses it on every cut). Mobile: tap the small white square between clips, pick the transition, drag the duration slider, tap ✓. Tab labels and placement change between versions and regions. Hand-made version: keyframe Scale 100→150% on A's last frames and 150→100% on B's first frames.
Ready-made components
- Zoom Through Transition (hyperframes): npx hyperframes add zoom-through-transition
- Cinematic Zoom (hyperframes): npx hyperframes add cinematic-zoom
- Scale Transitions (hyperframes): npx hyperframes add transitions-scale
- Zoom Blur (remocn): npx shadcn@latest add @remocn/zoom-blur
- Lens Zoom (remocn): npx shadcn@latest add @remocn/lens-zoom
- Push Through (remocn): npx shadcn@latest add @remocn/push-through
- CrossZoom (gl-transitions): npm install gl-transitions
Where this comes from
- FFmpeg filters: xfade
- FFmpeg filters: zoompan
- Remotion: presentations
- remocn: Lens Zoom
- CapCut Help: transitions
- CapCut: transition categories
- CapCut transition names + default durations (VectCut metadata)
- CapCut transition names incl. Pro (pyCapCut metadata)
Use when
- Hooks, travel and fashion reels, going "into" a detail, on a beat.
Not for
- On slow, emotional pieces; and stacking it on every cut.
Install
- Claude Code:
claude plugin marketplace add vargHQ/skills && claude plugin install varg@varg - Codex:
npx skills add vargHQ/skills --skill varg-video-edit-library -a codex -y - Cursor:
npx skills add vargHQ/skills --skill varg-video-edit-library -a cursor -y
Example output
https://s3.varg.ai/how-to/previews/69331acb3a77/take-pull-in-zoom.mp4 — zoom-in between two shots, with the timeline strip of the edit. Footage: WING IT! (2023), Blender Studio | studio.blender.org, CC BY 4.0; WING IT! (2023), Blender Studio | studio.blender.org, CC BY 4.0. (credit: Rendered by varg · WING IT! (2023))
More transitions skills
- editly: Declarative JSON5 video editing CLI/API: clips, titles, transitions, audio mixing, rendered with ffmpeg.
- Mix (Cross Dissolve): The two shots blend through each other. The quietest transition: "time passes" or "this continues".
- Dip to Black: A fades to black, then B fades up. Marks the end of a section or a bigger jump in time.
- White Flash: The frame blows out to white for a moment and opens on the next shot. Energy, memory or a camera snap.
- Pull Out (Zoom Out): The camera jerks backwards out of shot A and keeps pulling back as shot B settles in.
- Zoom Blur: Both shots smear into a radial zoom blur that bursts open on the next shot.
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.
- Claude Code:
claude plugin marketplace add vargHQ/skills && claude plugin install varg@varg(skill + hosted MCP) - Codex, Cursor, Gemini CLI, OpenClaw:
npx skills add vargHQ/skills --skill varg-ai -a <agent> -y - Grok and any agent that reads SKILL.md:
npx skills add vargHQ/skills --skill varg-ai, or point it at the skill's SKILL.md - Claude.ai, ChatGPT, any MCP client: connect
https://mcp.varg.ai/mcp - API key: https://varg.ai/dashboard/api · Model specs: https://varg.ai/models/llms.txt