# Transitions: agent skills for video transitions in CapCut, FFmpeg, Remotion and HyperFrames

> **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 `.md` to its path. Before generating anything, show the person the options on the how-to page.

Every way to join two shots: CapCut-style zooms, whips, glitches and masks, FFmpeg xfade, Remotion TransitionSeries, HyperFrames and GL shader transitions. 65 skills for Claude Code, Codex and Grok, by type: workflows take a brief to a finished video, effects and styles change how it looks, prompts and guides teach the agent the craft, models run the generation.

## Skills (65)

### Effects (60)

- [Mix (Cross Dissolve)](https://varg.ai/how-to/skills/mix-dissolve.md) — HeyGen: 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) — HeyGen: 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) — HeyGen: The frame blows out to white for a moment and opens on the next shot. Energy, memory or a camera snap.
- [Pull In (Zoom In)](https://varg.ai/how-to/skills/pull-in-zoom.md) — HeyGen: The camera rushes into shot A and lands, still moving forward, in shot B. The signature short-form transition.
- [Pull Out (Zoom Out)](https://varg.ai/how-to/skills/pull-out-zoom.md) — HeyGen: 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) — rectalogic · GL Transitions: Both shots smear into a radial zoom blur that bursts open on the next shot.
- [Whip Swipe](https://varg.ai/how-to/skills/whip-swipe.md) — HeyGen: A fast synthetic pan with heavy motion blur pushes A off and B in. Fakes a whip pan between any two shots.
- [Spin](https://varg.ai/how-to/skills/spin-rotate.md) — bread · GL Transitions: The frame rotates fast around its centre (with blur) and comes out of the spin on the next shot.
- [Camera Shake](https://varg.ai/how-to/skills/camera-shake.md) — HeyGen: A short violent shake (often with a zoom) hits on the cut, like an impact or a bass hit.
- [Glitch](https://varg.ai/how-to/skills/glitch-transition.md) — HeyGen: The frame tears into displaced slices, colour channels split and noise flickers as A breaks into B.
- [Blur Through](https://varg.ai/how-to/skills/blur-transition.md) — HeyGen: A blurs out of focus, the shots swap at peak blur, and B pulls back into focus.
- [Light Leak](https://varg.ai/how-to/skills/light-leak.md) — HeyGen: A warm wash of orange/red light drifts across and blows out the frame at the cut, then fades on B.
- [Film Burn](https://varg.ai/how-to/skills/film-burn.md) — anastasia-dunbar · GL Transitions: Hot glowing holes or a flare burn across A like overheated film and reveal B.
- [Light Sweep](https://varg.ai/how-to/skills/light-sweep.md) — HeyGen: A bright band or lens flare sweeps across the frame and the shot changes behind it.
- [Chromatic Split](https://varg.ai/how-to/skills/chromatic-split.md) — HeyGen: Red, green and blue channels pull apart around the cut, then snap back together on the new shot.
- [Slide / Push](https://varg.ai/how-to/skills/slide-push.md) — HeyGen: B pushes A out of frame (push), slides over it (cover) or A slides away to reveal B (reveal).
- [Wipe](https://varg.ai/how-to/skills/wipe.md) — HeyGen: A moving edge replaces A with B across the frame while both images stay still.
- [Circle Iris](https://varg.ai/how-to/skills/circle-iris.md) — HeyGen: B opens from (or A closes into) a growing circle, like an old-cartoon iris or a lens opening.
- [Heart Mask](https://varg.ai/how-to/skills/heart-mask.md) — varg: B appears through a heart shape that grows to fill the frame. Social, playful and romantic.
- [Ink and Brush Reveal](https://varg.ai/how-to/skills/ink-brush.md) — HeyGen: An organic ink blot, brush stroke or smoke plume spreads over A and B shows through the painted area.
- [Gradient (Luma) Wipe](https://varg.ai/how-to/skills/luma-gradient-wipe.md) — HeyGen: B appears in the order of a grayscale map (gradient, noise or the image's own brightness).
- [3D Cube](https://varg.ai/how-to/skills/cube-3d.md) — gre · GL Transitions: Both shots sit on faces of a cube that turns, carrying A away and B into view.
- [3D Flip](https://varg.ai/how-to/skills/flip-3d.md) — HeyGen: The frame flips over like a card; its back side is the next shot.
- [Page Turn](https://varg.ai/how-to/skills/page-turn.md) — hewlett-packard · GL Transitions: Shot A peels or turns like a page and the next shot lies underneath.
- [Split and Slices](https://varg.ai/how-to/skills/split-slices.md) — gre · GL Transitions: The frame breaks into bars that slide apart or open like doors, revealing the next shot.
- [Shutter and Blinds](https://varg.ai/how-to/skills/shutter-blinds.md) — Kapish Dima · remocn: Stripes close over A like blinds or a shutter, then open on B.
- [Pixelate](https://varg.ai/how-to/skills/pixelate-mosaic.md) — gre · GL Transitions: A breaks into ever larger pixels, swaps at the coarsest point, and B sharpens back.
- [Clock Wipe](https://varg.ai/how-to/skills/clock-wipe.md) — HeyGen: A hand sweeps around the centre like a clock, replacing A with B.
- [Swirl Vortex](https://varg.ai/how-to/skills/swirl-vortex.md) — sergey-kosarevsky · GL Transitions: A twists into a spiral at the centre and unwinds as B.
- [Squeeze and Stretch](https://varg.ai/how-to/skills/squeeze-stretch.md) — HeyGen: A is squashed or stretched toward an edge or the centre and B springs out the same way.
- [Ripple and Wave](https://varg.ai/how-to/skills/ripple-wave.md) — pawel-plociennik · GL Transitions: Rings or waves distort the frame like water while the shots crossfade.
- [Freeze Transition](https://varg.ai/how-to/skills/freeze-transition.md) — HeyGen: Trend: freeze on a frame with a flash, cut out or zoom the subject, add a label, then cut to the next shot.
- [Velocity Edit](https://varg.ai/how-to/skills/velocity-edit.md) — HeyGen: Trend: speed curves on every clip (fast-slow-fast) synced to the beat, often with shake and flash on hits.
- [FFmpeg xfade Chain for N Clips](https://varg.ai/how-to/skills/ffmpeg-xfade-chain.md) — varg: Chain xfade + acrossfade across N clips; offset of the k-th transition = d1+…+dk − k·T.
- [FFmpeg xfade Transition Reference](https://varg.ai/how-to/skills/ffmpeg-xfade-reference.md) — varg: All 58 built-in xfade transitions plus custom expressions, grouped by look, with the options that matter.
- [Normalize Clips Before xfade](https://varg.ai/how-to/skills/ffmpeg-normalize-before-xfade.md) — varg: The #1 xfade failure: inputs differ in size, fps or timebase. Normalize every input first.
- [GL Transitions via editly or FFmpeg](https://varg.ai/how-to/skills/gl-transitions-ffmpeg-editly.md) — gre · GL Transitions: Run any of the ~125 GLSL gl-transitions between clips: editly (no custom build) or a patched FFmpeg.
- [MoviePy Crossfade and Slide](https://varg.ai/how-to/skills/moviepy-crossfade.md) — varg: In MoviePy v2, crossfade with vfx.CrossFadeIn plus negative padding (or with_start in a CompositeVideoClip).
- [Remotion TransitionSeries](https://varg.ai/how-to/skills/remotion-transitionseries.md) — varg: Sequence scenes with <TransitionSeries>; each transition overlaps its neighbours, so the video gets shorter.
- [Remotion Custom Presentation](https://varg.ai/how-to/skills/remotion-custom-presentation.md) — varg: Write your own transition as a component that receives progress (0→1) and whether it is entering or exiting.
- [GL Transitions in Remotion](https://varg.ai/how-to/skills/remotion-gl-transitions.md) — gre · GL Transitions: glTransition({name}) turns any gl-transitions shader into a TransitionSeries presentation.
- [HyperFrames Shader Transition](https://varg.ai/how-to/skills/hyperframes-shader-transition.md) — HeyGen: Place a WebGL shader between two HyperFrames scenes with HyperShader.init({scenes, transitions}).
- [HyperFrames Scene Transition (CSS)](https://varg.ai/how-to/skills/hyperframes-scene-transition.md) — HeyGen: Overlap two clips or sub-compositions on separate tracks and tween both wrappers at the same time T.
- [HyperFrames Whip with Motion Blur](https://varg.ai/how-to/skills/hyperframes-whip-motion-blur.md) — HeyGen: Fly scene A out and scene B in at matched velocity with directional blur peaking at the swap.
- [OTIO and XML Handoff to NLEs](https://varg.ai/how-to/skills/otio-fcpxml-handoff.md) — varg: Write the edit (clips, cuts, dissolves) as OpenTimelineIO and convert to XML so an editor can finish it in an NLE.
- [CapCut Draft Automation](https://varg.ai/how-to/skills/capcut-draft-automation.md) — varg: Generate CapCut/JianYing drafts from code, with real CapCut transitions on each cut, then export in the app.
- [DaVinci Resolve AddTransition API](https://varg.ai/how-to/skills/resolve-add-transition.md) — varg: Resolve 21.1 added TimelineItem.AddTransition; earlier versions cannot add transitions by script.
- [Cover and Reveal](https://varg.ai/how-to/skills/xfade-cover-reveal.md) — HeyGen: B slides in over a still A (cover), or A slides away to uncover B (reveal). Variants: cover*/reveal* in four directions.
- [Soft-Edge Wipe](https://varg.ai/how-to/skills/xfade-smooth-wipe.md) — HeyGen: A wipe with a wide, feathered edge so the two shots blend along a gradient. Variants: smoothleft/right/up/down.
- [Circle Crop Through Black](https://varg.ai/how-to/skills/xfade-circle-crop.md) — Kapish Dima · remocn: A closes to a circle on black, then B opens from it — the cartoon “that’s all folks” beat.
- [Box Crop Through Black](https://varg.ai/how-to/skills/xfade-rect-crop.md) — varg: A shrinks into a rectangle on black, B grows out of one. A boxy cousin of the iris.
- [Color-Distance Blend](https://varg.ai/how-to/skills/xfade-distance.md) — HeyGen: A blend that swaps pixels by how different their colours are, so similar areas change first.
- [Pixel Dissolve](https://varg.ai/how-to/skills/xfade-pixel-dissolve.md) — Kapish Dima · remocn: A dithered dissolve: B appears pixel by pixel in random noise instead of a smooth fade.
- [Diagonal Wipe](https://varg.ai/how-to/skills/xfade-diagonal-wipe.md) — pschroen · GL Transitions: A wipe that enters from a corner on a diagonal. Variants: diagtl, diagtr, diagbl, diagbr.
- [Fade Through Gray](https://varg.ai/how-to/skills/xfade-fade-grays.md) — varg: A drains to black-and-white, crossfades to B in gray, and B regains its colour.
- [Corner Wipe](https://varg.ai/how-to/skills/xfade-corner-wipe.md) — varg: A rectangle grows from one corner until B fills the frame. Variants: wipetl, wipetr, wipebl, wipebr.
- [Zoom Into Next](https://varg.ai/how-to/skills/xfade-zoom-in.md) — HeyGen: A scales up toward the viewer and fades, revealing B — the simple FFmpeg version of a zoom transition.
- [Wind Wipe](https://varg.ai/how-to/skills/xfade-wind.md) — gre · GL Transitions: A ragged, streaky wipe that blows A off the screen. Variants: hlwind, hrwind, vuwind, vdwind.
- [Fast and Slow Fades](https://varg.ai/how-to/skills/xfade-fade-fast-slow.md) — varg: Dissolves with a curve: fadefast commits to B early, fadeslow lingers on A. Exist in FFmpeg 7+.
- [Custom xfade Expression](https://varg.ai/how-to/skills/xfade-custom-expr.md) — varg: Write your own transition as a per-pixel expression with xfade=transition=custom:expr=…

### Guides (5)

- [Video editing skills for Claude Code and AI agents](https://varg.ai/how-to/skills/varg-video-edit-library.md) — varg: 206 named edits with recipes for FFmpeg, HyperFrames, Remotion and CapCut: cuts, transitions, titles, UI, numbers.
- [HyperFrames Registry](https://varg.ai/how-to/skills/hyperframes-registry.md) — HeyGen: Pull any of ~450 ready-made blocks into a video as editable source: transitions, titles, captions, charts, 3D.
- [Remotion Markup](https://varg.ai/how-to/skills/remotion-markup.md) — Remotion: Write Remotion markup that animates well: timing, transitions, motion blur, effects, audio, fonts and 3D.
- [JianYing MCP](https://varg.ai/how-to/skills/jianying-mcp.md) — hey-jian-wei: MCP server that creates JianYing drafts: tracks, clips, transitions, filters, masks, keyframes, audio fades.
- [editly](https://varg.ai/how-to/skills/editly.md) — Mikael Finstad: Declarative JSON5 video editing CLI/API: clips, titles, transitions, audio mixing, rendered with ffmpeg.