# 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="` 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 `.md` to 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](https://varg.ai/how-to/effects.md) · [Transitions](https://varg.ai/how-to/browse/skills/transitions.md) - **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](https://github.com/heygen-com/hyperframes/tree/main/registry/components/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): ```bash 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=` (zooms into A while fading to B). ### In HyperFrames CSS zoom-through on the two scene wrappers: ```js 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 ```tsx import {TransitionSeries, linearTiming, springTiming} from '@remotion/transitions'; import {zoomInOut} from '@remotion/transitions/zoom-in-out'; ``` 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](https://skills.varg.ai/component/hf.zoom-through-transition/) (hyperframes): npx hyperframes add zoom-through-transition - [Cinematic Zoom](https://skills.varg.ai/component/hf.cinematic-zoom/) (hyperframes): npx hyperframes add cinematic-zoom - [Scale Transitions](https://skills.varg.ai/component/hf.transitions-scale/) (hyperframes): npx hyperframes add transitions-scale - [Zoom Blur](https://skills.varg.ai/component/remocn.zoom-blur/) (remocn): npx shadcn@latest add @remocn/zoom-blur - [Lens Zoom](https://skills.varg.ai/component/remocn.lens-zoom/) (remocn): npx shadcn@latest add @remocn/lens-zoom - [Push Through](https://skills.varg.ai/component/remocn.push-through/) (remocn): npx shadcn@latest add @remocn/push-through - [CrossZoom](https://skills.varg.ai/component/glt.cross-zoom/) (gl-transitions): npm install gl-transitions ### Where this comes from - [FFmpeg filters: xfade](https://ffmpeg.org/ffmpeg-filters.html#xfade) - [FFmpeg filters: zoompan](https://ffmpeg.org/ffmpeg-filters.html#zoompan) - [Remotion: presentations](https://www.remotion.dev/docs/transitions/presentations) - [remocn: Lens Zoom](https://remocn.dev/docs/transitions/lens-zoom) - [CapCut Help: transitions](https://www.capcut.com/help/transitions-in-capcut) - [CapCut: transition categories](https://capcut.com/resource/add-video-transition-online) - [CapCut transition names + default durations (VectCut metadata)](https://github.com/sun-guannan/VectCutAPI/blob/main/pyJianYingDraft/metadata/capcut_transition_meta.py) - [CapCut transition names incl. Pro (pyCapCut metadata)](https://github.com/GuanYixuan/pyCapCut/blob/main/pycapcut/metadata/transition_meta.py) ## 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](https://varg.ai/how-to/skills/editly.md): Declarative JSON5 video editing CLI/API: clips, titles, transitions, audio mixing, rendered with ffmpeg. - [Mix (Cross Dissolve)](https://varg.ai/how-to/skills/mix-dissolve.md): The two shots blend through each other. The quietest transition: "time passes" or "this continues". - [Dip to Black](https://varg.ai/how-to/skills/black-fade.md): A fades to black, then B fades up. Marks the end of a section or a bigger jump in time. - [White Flash](https://varg.ai/how-to/skills/white-flash.md): 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)](https://varg.ai/how-to/skills/pull-out-zoom.md): The camera jerks backwards out of shot A and keeps pulling back as shot B settles in. - [Zoom Blur](https://varg.ai/how-to/skills/zoom-blur.md): 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 -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