Remotion Overlay on a Cut — effect skill for cuts & pacing

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.

Keep a hard cut but draw something over it (flash, light leak, SFX graphic) without shortening the video.

What it does

Built on Light Leak by Kapish Dima (remocn), MIT. The write-up and recipes below are varg's.

A hard cut hidden under a short overlay centred on the cut point.

When: Light leaks, flashes, whoosh graphics and stickers on cuts where the timing must not change.

Watch out: Putting an overlay next to a transition or another overlay (not allowed).

Timing: Overlay 8–30 frames, centred on the cut; shift with offset

Also called: TransitionSeries.Overlay, cut overlay, light leak overlay, flash on cut

In Remotion

Requires v4.0.415+:

import {TransitionSeries} from '@remotion/transitions';
import {lightLeak} from '@remotion/effects/light-leak';
import {Solid, interpolate, useCurrentFrame} from 'remotion';

const Leak = () => {
  const f = useCurrentFrame();
  return <Solid width={1920} height={1080} effects={[lightLeak({seed: 3, progress: interpolate(f, [0, 30], [0, 1], {extrapolateRight: 'clamp'})})]} />;
};

<TransitionSeries>
  <TransitionSeries.Sequence durationInFrames={90}><A /></TransitionSeries.Sequence>
  <TransitionSeries.Overlay durationInFrames={30}><Leak /></TransitionSeries.Overlay>
  <TransitionSeries.Sequence durationInFrames={90}><B /></TransitionSeries.Sequence>
</TransitionSeries>
// total stays 180 frames

offset (default 0) moves the overlay earlier (negative) or later. lightLeak() uses WebGL2.

Ready-made components

Where this comes from

Use when

Not for

Install

Example output

https://s3.varg.ai/how-to/previews/a163ea7bc613/take-remotion-overlay-cut.mp4 — light-leak between two shots, with the timeline strip of the edit. Footage: Spring (2019), Andy Goralczyk / Blender Foundation (Blender Studio) | studio.blender.org, CC BY 4.0; Cosmos Laundromat (2015), (CC) Blender Foundation | gooseberry.blender.org, CC BY 4.0. (credit: Rendered by varg · Spring (2019) + Cosmos Laundromat (2015))

More cuts & pacing 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.