# Effects for AI video > **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. An effect you can see, added to your video: animated titles, captions, transitions, shader backgrounds, logo animations, device mockups and viral camera tricks. Hand your agent the footage or the brief and get the effect. **Effects** is the word 7.7% of tweets about making video use for this kind of thing (“effect”). Every card here is an agent skill: one install command for Claude Code, Codex, Cursor, OpenClaw or Gemini CLI. ## [Transitions](https://varg.ai/how-to/effects/transitions.md) (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 ; 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=… ## [Cuts & pacing](https://varg.ai/how-to/effects/cuts.md) (26) - [Hard Cut](https://varg.ai/how-to/skills/hard-cut.md) — varg: One shot ends, the next begins on the very next frame. The default join: invisible when the content flows. - [Jump Cut](https://varg.ai/how-to/skills/jump-cut.md) — varg: Cut out a stretch inside one continuous shot, so the subject visibly jumps. Removes pauses, adds pace. - [Jump-Zoom Punch-In](https://varg.ai/how-to/skills/jump-zoom-punch-in.md) — HeyGen: Hide a jump cut by scaling the next segment 110–130%. Reads as a second camera angle in talking heads. - [J-Cut](https://varg.ai/how-to/skills/j-cut.md) — varg: Shot B's sound starts before its picture. The ear arrives first and pulls the viewer into the next scene. - [L-Cut](https://varg.ai/how-to/skills/l-cut.md) — varg: Shot A's sound keeps playing after the picture cuts to B. Carries a line or a mood across the edit. - [Graphic Match Cut](https://varg.ai/how-to/skills/graphic-match-cut.md) — HeyGen: Cut between two shots that share a shape, colour or position on screen, so the eye slides from one to the other. - [Action Match Cut](https://varg.ai/how-to/skills/action-match-cut.md) — HeyGen: A movement started in shot A finishes in shot B: a jump, a throw, a door swing carried across two angles. - [Sound Match Cut](https://varg.ai/how-to/skills/sound-match-cut.md) — varg: Two different sounds that rhyme (a scream and a train whistle) bridge the cut and link the two scenes. - [Cut on Action](https://varg.ai/how-to/skills/cut-on-action.md) — HeyGen: Change angle while the subject moves. The movement hides the cut and keeps continuity. - [Smash Cut](https://varg.ai/how-to/skills/smash-cut.md) — varg: An abrupt cut from one extreme to its opposite (calm to chaos, loud to silent) at the most surprising moment. - [Cutaway / Insert](https://varg.ai/how-to/skills/cutaway-insert.md) — varg: Briefly leave the main shot for a detail or related shot, then come back. Shows what is talked about and hides edits. - [Cross-Cutting](https://varg.ai/how-to/skills/cross-cutting.md) — varg: Alternate between two or more scenes happening at the same time, building tension or comparison. - [Invisible Cut](https://varg.ai/how-to/skills/invisible-cut.md) — HeyGen: Hide a cut inside a frame that is fully covered (a passing object, a dark wall, a blur) to fake one continuous shot. - [In-Camera Whip Pan Cut](https://varg.ai/how-to/skills/in-camera-whip-cut.md) — HeyGen: End shot A and start shot B with real fast pans in the same direction, and cut inside the motion blur. - [Speed Ramp](https://varg.ai/how-to/skills/speed-ramp.md) — HeyGen: Change playback speed within a shot (fast into a moment, slow on it, fast out) to stress the beat. - [Freeze Frame](https://varg.ai/how-to/skills/freeze-frame.md) — HeyGen: Stop on a single frame for a beat, to introduce a character, land a joke or add a caption. - [Beat-Synced Cut](https://varg.ai/how-to/skills/beat-synced-cut.md) — HeyGen: Place cuts on the beats of the music so the edit feels driven by the track. - [Split Screen](https://varg.ai/how-to/skills/split-screen.md) — HeyGen: Show two or more shots at once in separate panels: comparison, reaction or simultaneous action. - [Montage Sequence](https://varg.ai/how-to/skills/montage-sequence.md) — varg: A run of short shots, usually on music, that compresses time or builds one feeling. - [Rhythmic Cutting (3-2-1)](https://varg.ai/how-to/skills/rhythmic-cutting-3-2-1.md) — HeyGen: Shorten shot lengths step by step (3 s, 2 s, 1 s, half a second) to build momentum into a payoff. - [Pattern Interrupt](https://varg.ai/how-to/skills/pattern-interrupt.md) — HeyGen: Every few seconds of a short, break the visual pattern: angle, zoom, graphic, sound hit, so attention resets. - [B-Roll Overlay Cut](https://varg.ai/how-to/skills/b-roll-overlay.md) — varg: Keep the A-roll voice running and lay B-roll pictures over it; edits in the A-roll disappear under the cover. - [FFmpeg Concat Demuxer (Lossless)](https://varg.ai/how-to/skills/ffmpeg-concat-demuxer.md) — varg: Join files that share codec, resolution, fps and audio format without re-encoding, from a text list. - [FFmpeg Concat Filter (Re-encode)](https://varg.ai/how-to/skills/ffmpeg-concat-filter.md) — varg: Join any sources frame-accurately by decoding, normalizing and re-encoding them in one filter graph. - [Audio Crossfades, J and L in FFmpeg](https://varg.ai/how-to/skills/ffmpeg-audio-crossfade-jl.md) — varg: Crossfade audio with acrossfade, or build J/L-cuts by delaying one track with adelay and mixing with amix. - [Remotion Overlay on a Cut](https://varg.ai/how-to/skills/remotion-overlay-cut.md) — Kapish Dima · remocn: Keep a hard cut but draw something over it (flash, light leak, SFX graphic) without shortening the video. ## [Headlines & callouts](https://varg.ai/how-to/effects/titles.md) (14) - [Kicker Over Rising Headline](https://varg.ai/how-to/skills/kicker-headline-rise.md) — HeyGen: A small mono kicker fades in, then the headline rises word by word from a soft blur. - [Rotating Benefit Word](https://varg.ai/how-to/skills/rotating-benefit-word.md) — Aceternity UI: A fixed phrase holds while one word in it cycles through benefits, uses or audiences. - [Masked Line Reveal](https://varg.ai/how-to/skills/masked-line-reveal.md) — Daniel Petho: Each line slides up out of an invisible slot, so the type looks cut from the frame. - [Marker on the Key Phrase](https://varg.ai/how-to/skills/marker-highlight-phrase.md) — HeyGen: A marker band draws behind the one phrase that matters while the rest of the line stays calm. - [Strike Old, Write New](https://varg.ai/how-to/skills/strike-and-replace.md) — HeyGen: A line strikes through the old way, then the new word takes its place. - [Clean Lower Third](https://varg.ai/how-to/skills/clean-lower-third.md) — HeyGen: Name and role slide in at the lower left on a quiet bar, hold 3–5 s, then wipe out. - [Hand-Drawn Callout Arrow](https://varg.ai/how-to/skills/hand-drawn-callout-arrow.md) — HeyGen: A wobbly arrow draws itself from a short label to the exact button or number on screen. - [Dim Everything But the Target](https://varg.ai/how-to/skills/dim-around-spotlight.md) — HeyGen: The frame darkens except a soft ellipse around the element being talked about. - [Impact Headline Slam](https://varg.ai/how-to/skills/impact-headline-slam.md) — HeyGen: A heavy headline scales down hard into frame and lands with a 2–3 frame shake. - [Phrase Builds From the Center](https://varg.ai/how-to/skills/center-build-phrase.md) — Remocn · HeyGen: Words arrive one at a time and push the growing phrase so it always sits centered. - [Specular Sweep Title](https://varg.ai/how-to/skills/specular-sweep-title.md) — HeyGen: A static title receives one clean light sweep through its glyphs, then rests. - [Decode-In Tech Title](https://varg.ai/how-to/skills/decode-in-tech-title.md) — HeyGen: Random glyphs churn and lock into the real word from left to right. - [Footage Inside the Letters](https://varg.ai/how-to/skills/footage-inside-letters.md) — Magic UI: Huge block letters act as windows onto playing product footage or a demo clip. - [Tracking-In Feature Label](https://varg.ai/how-to/skills/tracking-in-label.md) — HeyGen: Wide-spaced letters draw together into a tight, crisp label as the blur clears. ## [UI walkthroughs](https://varg.ai/how-to/effects/ui.md) (12) - [Zoom to the Action](https://varg.ai/how-to/skills/zoom-to-the-action.md) — HeyGen: The full app establishes, then the camera pushes 1.5–2× into the part being used and eases back out. - [3D Tilted Dashboard Reveal](https://varg.ai/how-to/skills/tilted-dashboard-reveal.md) — HeyGen: The dashboard rises from a steep 3D tilt to flat, like a screen lifting toward the viewer. - [Floating UI Panels in Depth](https://varg.ai/how-to/skills/floating-ui-panels.md) — HeyGen: The interface splits into its panels, which float apart in depth with parallax, then snap back. - [UI Builds Itself Piece by Piece](https://varg.ai/how-to/skills/ui-builds-itself.md) — HeyGen: Grey skeleton blocks pulse once, then real cards, charts and text fill in with a stagger. - [Before/After UI Wipe](https://varg.ai/how-to/skills/before-after-ui-wipe.md) — HeyGen: A divider sweeps across one screen, turning the old version into the new one underneath. - [Card Expands Into Detail](https://varg.ai/how-to/skills/card-expands-to-detail.md) — HeyGen: A small card grows into a full detail panel in one continuous shape change. - [Filmed Off a Monitor](https://varg.ai/how-to/skills/filmed-off-a-monitor.md) — HeyGen: The UI looks filmed on a real display: slight perspective, focus falloff and glare. - [Form Fills Itself](https://varg.ai/how-to/skills/form-fills-itself.md) — HeyGen: A cursor tabs through a short form; fields type, validate and the submit button resolves to success. - [Toggle Turns the Feature On](https://varg.ai/how-to/skills/toggle-turns-feature-on.md) — HeyGen: A cursor flips a settings switch and the result appears at once elsewhere in the UI. - [Command Palette Pop](https://varg.ai/how-to/skills/command-palette-pop.md) — Kapish Dima · remocn: ⌘K opens a palette, a few letters filter the list, the highlight moves and Enter fires the action. - [Pinned Mock, Changing States](https://varg.ai/how-to/skills/pinned-mock-changing-states.md) — HeyGen: One product frame stays put while tabs or captions switch it through several feature states. - [Liquid Glass UI Layer](https://varg.ai/how-to/skills/liquid-glass-ui-layer.md) — HeyGen: Frosted, refractive glass cards and toolbars float over a colorful scene or photo. ## [Numbers & charts](https://varg.ai/how-to/effects/numbers.md) (12) - [Big Stat Count-Up](https://varg.ai/how-to/skills/big-stat-count-up.md) — HeyGen: One huge number counts from zero to its value and lands, with a short label under it. - [Odometer Digit Roll](https://varg.ai/how-to/skills/odometer-digit-roll.md) — HeyGen: Each digit rolls on its own wheel to the target, places settling right to left like an odometer. - [Bars Grow with Value Labels](https://varg.ai/how-to/skills/bars-grow-with-labels.md) — HeyGen: Bars rise from the baseline in a staggered cascade with values riding their tops. - [Line Draws with Riding Label](https://varg.ai/how-to/skills/line-draws-riding-label.md) — HeyGen: A line draws itself left to right while the current value rides the pen tip, ending on a dot and big label. - [Ranked Bar Race](https://varg.ai/how-to/skills/ranked-bar-race.md) — HeyGen: Ranked bars grow and overtake each other over time while the axis rescales and a year/date ticks. - [Progress Ring Fills](https://varg.ai/how-to/skills/progress-ring-fills.md) — HeyGen: A thin ring draws on to a percentage while the number in its center counts up in sync. - [Before → After Metric](https://varg.ai/how-to/skills/before-after-metric.md) — Kapish Dima · remocn: The old number shows, gets crossed or rolls, and the new better number takes its place. - [Money Counter Payoff](https://varg.ai/how-to/skills/money-counter-payoff.md) — Stronkter · HeyGen: A currency figure counts up fast, flashes green on landing, and a small burst celebrates it. - [Axis-Free Speed Comparison](https://varg.ai/how-to/skills/axis-free-comparison.md) — HeyGen: Two or three bars with no axis numbers, just labels and a big multiplier like "2.4× faster". - [Dense Specs Wall](https://varg.ai/how-to/skills/dense-specs-wall.md) — HeyGen: A grid of short spec tiles fills the frame in a fast stagger — numbers and two-word labels. - [Pain Metric Falls Away](https://varg.ai/how-to/skills/pain-metric-falls.md) — HeyGen: A painful metric (hours, cost, errors) draws a falling line while the number counts down and the mood lifts. - [Ticking Time-Saved Clock](https://varg.ai/how-to/skills/ticking-time-saved.md) — Julien Thibeaut (ibelick): Clock-style digits slide as seconds tick, timing the task live on screen. ## [Device mockups](https://varg.ai/how-to/effects/devices.md) (10) - [Browser Window Frame](https://varg.ai/how-to/skills/browser-window-frame.md) — Magic UI: The web app plays inside a clean browser window with traffic lights and a URL bar on a soft backdrop. - [Phone Frame with Live Screen](https://varg.ai/how-to/skills/phone-frame-live-screen.md) — Magic UI: A screen recording plays edge to edge inside a realistic phone frame with Dynamic Island. - [Laptop Lid Opens to Screen](https://varg.ai/how-to/skills/laptop-lid-opens.md) — Aceternity UI: A laptop lid tilts open and the screen content lifts toward the viewer, then becomes the full frame. - [3D Phone Turn](https://varg.ai/how-to/skills/3d-phone-turn.md) — HeyGen: A real 3D phone model turns in space with the app playing on its screen, then faces the camera. - [Phone, Tablet and Laptop Splay](https://varg.ai/how-to/skills/multi-device-splay.md) — HeyGen: Phone, tablet and laptop fan out from one stack into a proud row, each showing the same product. - [Push Through the Screen](https://varg.ai/how-to/skills/push-through-the-screen.md) — HeyGen: A phone rises into view, then the camera pushes through its screen into the full-frame UI. - [Foldable Two-Screen Reveal](https://varg.ai/how-to/skills/foldable-two-screen.md) — varg: A foldable phone opens to show two screens side by side — before and after, or app and result. - [Phone in Hand Insert](https://varg.ai/how-to/skills/phone-in-hand-insert.md) — HeyGen · HeyGen: A portrait phone held in frame shows a lock screen or app moment, as if filmed by a person. - [Floating Device with Soft Bob](https://varg.ai/how-to/skills/floating-device-bob.md) — Daniel Petho: The device hangs in space and bobs and tilts very slightly so a still shot never feels frozen. - [macOS Desktop Stage](https://varg.ai/how-to/skills/macos-desktop-stage.md) — HeyGen: A full Mac desktop with menu bar, dock and app windows sets the stage for a desktop app demo. ## [Code & terminal](https://varg.ai/how-to/effects/code.md) (10) - [Editor Types the Code](https://varg.ai/how-to/skills/editor-types-the-code.md) — HeyGen: Syntax-highlighted code types into an editor window with a caret riding the frontier. - [Red/Green Diff Collapse](https://varg.ai/how-to/skills/red-green-diff.md) — HeyGen: Removed lines flash red and collapse away while added lines expand in green. - [Spotlight One Line of Code](https://varg.ai/how-to/skills/spotlight-one-line.md) — HeyGen: A highlight band sweeps onto the one line that matters while the rest of the file dims. - [Code Morphs Between Versions](https://varg.ai/how-to/skills/code-morphs-versions.md) — HeyGen: One snippet transforms into the next: shared tokens glide to new positions, removed ones fade, new ones fade in. - [Terminal Session Run](https://varg.ai/how-to/skills/terminal-session-run.md) — HeyGen: A terminal types a command, then streams real-looking log output with green checks. - [One-Line Install Card](https://varg.ai/how-to/skills/one-line-install-card.md) — Magic UI: A single install command types into a small terminal card, prints a success check, and holds. - [Camera Scrolls a Long File](https://varg.ai/how-to/skills/camera-scrolls-long-file.md) — HeyGen: The view scrolls through a long file and stops with the target line centered and lit. - [Code Left, Live UI Right](https://varg.ai/how-to/skills/code-left-ui-right.md) — Kapish Dima · remocn: Code types on the left and the UI on the right snaps to match after each change. - [Code on a Lit 3D Slab](https://varg.ai/how-to/skills/code-on-3d-slab.md) — HeyGen: Highlighted code sits on a beveled slab that turns through space under studio light, then faces the camera. - [Agent CLI Welcome Screen](https://varg.ai/how-to/skills/agent-cli-welcome.md) — Kapish Dima · remocn: A coding agent's terminal welcome screen appears, a prompt types, and the agent starts working. ## [AI agent flows](https://varg.ai/how-to/effects/agent-flows.md) (10) - [Prompt Typed, Then Generate](https://varg.ai/how-to/skills/prompt-typed-then-generate.md) — Kapish Dima · remocn: A real task types into the prompt box, the Generate button is pressed, and the result starts to build. - [Answer Streams In](https://varg.ai/how-to/skills/answer-streams-in.md) — Miao Yang · HeyGen: The assistant's reply arrives in uneven token bursts, the way a real model streams. - [Tool Calls as Status Rows](https://varg.ai/how-to/skills/tool-calls-status-rows.md) — Kapish Dima · remocn: Each tool call appears as a row with an icon and label that goes spinner → check, building a visible plan. - [Nodes Wire Up on a Canvas](https://varg.ai/how-to/skills/nodes-wire-up-canvas.md) — HeyGen: Nodes pop onto a canvas and connectors draw between them as the camera pulls back to show the whole pipeline. - [Beams Into the Agent Hub](https://varg.ai/how-to/skills/beams-into-agent-hub.md) — Magic UI: Light pulses run along curved lines from tool icons into a central agent and back out to a result. - [Thinking… Shimmer Label](https://varg.ai/how-to/skills/thinking-shimmer-label.md) — Elliot Sutton: A muted "Thinking…" label with a moving shine shows the model working between prompt and answer. - [Parallel Agents Side by Side](https://varg.ai/how-to/skills/parallel-agents-lanes.md) — HeyGen: Several agent cards work at once in lanes or an orbit, each with its own status, then merge into one result. - [Plan Checklist Ticks Off](https://varg.ai/how-to/skills/plan-checklist-ticks.md) — HeyGen: The agent's plan appears as a checklist and each item ticks and dims as it is done. - [Vertical Chat Exchange](https://varg.ai/how-to/skills/vertical-chat-exchange.md) — Jake Moran · HeyGen: A portrait chat plays out: the prompt types and sends, the answer streams and assembles a card or image. - [Tracing Beam Through Steps](https://varg.ai/how-to/skills/tracing-beam-through-steps.md) — HeyGen: A glowing dash travels one path through numbered steps, lighting each as it passes. ## [Quotes & reviews](https://varg.ai/how-to/effects/quotes.md) (9) - [Tweet as Proof Card](https://varg.ai/how-to/skills/tweet-proof-card.md) — HeyGen: A real post from a user animates in as a card: avatar, name, text, then counts tick up. - [Quote at Reading Pace](https://varg.ai/how-to/skills/quote-at-reading-pace.md) — HeyGen: One strong customer sentence reveals word by word, then the name, role and avatar settle under it. - [Star Rating Sweep](https://varg.ai/how-to/skills/star-rating-sweep.md) — HeyGen: Five stars fill left to right to the real score while the number counts up beside them. - [Wall of Love Marquee](https://varg.ai/how-to/skills/wall-of-love-marquee.md) — Magic UI: Two or three rows of review cards drift in opposite directions, fading at the edges. - [Community Post as Proof](https://varg.ai/how-to/skills/community-post-proof.md) — HeyGen: A real community post or comment card pops over the footage with its upvotes counting up. - [Reviews Arrive as Notifications](https://varg.ai/how-to/skills/reviews-as-notifications.md) — Magic UI: Short reviews land as system notifications that stack and push each other down. - [Pull Quote Beside the Speaker](https://varg.ai/how-to/skills/pull-quote-beside-speaker.md) — HeyGen: While a customer talks on camera, their key sentence appears as large type in the empty side of the frame. - [Split-Flap Headline Quote](https://varg.ai/how-to/skills/split-flap-quote.md) — Aceternity UI: A short quote or result spells itself out on a split-flap board, tiles flipping until they land. - [GitHub Stars as Proof](https://varg.ai/how-to/skills/star-count-proof.md) — Kapish Dima · remocn: Stargazer avatars fly past while a star counter odometers up to the repo's real total. ## [End cards & CTAs](https://varg.ai/how-to/effects/end-cards.md) (9) - [Logo Lockup Outro](https://varg.ai/how-to/skills/logo-lockup-outro.md) — HeyGen: The mark assembles, the wordmark settles beside it, then tagline and URL fade in under it. - [Action Line + CTA Button](https://varg.ai/how-to/skills/action-line-cta-button.md) — HeyGen: One short action line lands, then a real-looking button pops in under it with a soft glow. - [URL Typed Into the Address Bar](https://varg.ai/how-to/skills/url-typed-in-bar.md) — Magic UI: A browser bar appears and the product URL types itself in, then the page loads into the hero. - [YouTube End Screen Layout](https://varg.ai/how-to/skills/youtube-end-screen.md) — HeyGen: A 5–20 s outro with clean empty slots for YouTube's clickable video and subscribe elements. - [Scan-to-Try QR Card](https://varg.ai/how-to/skills/scan-to-try-qr.md) — HeyGen: A high-contrast QR code with a one-line reason to scan, held long enough to grab a phone. - [Store Badges Close](https://varg.ai/how-to/skills/store-badges-close.md) — HeyGen: A short headline settles above equal-size App Store and Google Play badges, often beside a phone. - [Pull Back to the Whole Canvas](https://varg.ai/how-to/skills/pull-back-to-canvas.md) — HeyGen: The camera pulls out from the last detail to the whole product workspace, then lands on the logo. - [Follow Card Sign-Off](https://varg.ai/how-to/skills/follow-card-sign-off.md) — HeyGen: A profile card with avatar, handle and a Follow button that a cursor or tap presses. - [Last Frame Equals First Frame](https://varg.ai/how-to/skills/loop-to-first-frame.md) — HeyGen: The ending morphs back into the opening frame so autoplaying feeds loop without a visible seam. ## [Cursors & clicks](https://varg.ai/how-to/effects/cursors.md) (9) - [Auto Zoom on Every Click](https://varg.ai/how-to/skills/auto-zoom-on-click.md) — HeyGen: The camera eases in toward each upcoming click, trails the cursor on a spring, and eases out after. - [Oversized Look-Here Cursor](https://varg.ai/how-to/skills/oversized-look-here-cursor.md) — HeyGen: A macOS arrow at ~3–4× normal size glides in and lands its tip on what matters. - [Click Ripple and Button Press](https://varg.ai/how-to/skills/click-ripple-press.md) — HeyGen: Every click shows a quiet expanding ring while the clicked button presses in and responds. - [Shortcut Keycaps Overlay](https://varg.ai/how-to/skills/shortcut-keycaps-overlay.md) — Kapish Dima · remocn: Physical-looking keycaps rise at the bottom of the frame and press in the real order when a shortcut is used. - [Named Agent Cursor](https://varg.ai/how-to/skills/named-agent-cursor.md) — HeyGen: A cursor with an accent name tag ("Claude", "Agent") moves and clicks on its own, typing each step. - [Multiplayer Cursors Drift In](https://varg.ai/how-to/skills/multiplayer-cursors-drift.md) — HeyGen: Several labeled cursors in different colors drift in from the edges and gather on the canvas. - [Drag a Card Across Columns](https://varg.ai/how-to/skills/drag-card-across.md) — HeyGen: The cursor grabs a card, lifts and tilts it while carrying, and drops it into a new column with a settle. - [Select Text, Then Act](https://varg.ai/how-to/skills/select-text-then-act.md) — HeyGen: The arrow becomes an I-beam, drags a selection across a phrase, and a menu or AI action appears on it. - [Touch Taps on Phone UI](https://varg.ai/how-to/skills/touch-taps-on-phone.md) — HeyGen: A translucent touch circle taps, swipes and pulls to refresh on a phone screen instead of an arrow. ## [Grids & carousels](https://varg.ai/how-to/effects/galleries.md) (9) - [Bento Feature Grid](https://varg.ai/how-to/skills/bento-feature-grid.md) — HeyGen: Features land in a grid of differently sized rounded tiles — one hero tile, smaller supporting ones. - [Camera Drifts Across a Bento](https://varg.ai/how-to/skills/camera-drifts-bento.md) — Kapish Dima · remocn: An oversized grid of screenshots fills the frame and the camera drifts diagonally across it. - [Tilted Screenshot Wall](https://varg.ai/how-to/skills/tilted-screenshot-wall.md) — Aceternity UI: A wall of screenshots seen at an isometric angle, columns scrolling up and down at different speeds. - [Stacked Cards Fan Out](https://varg.ai/how-to/skills/stacked-cards-fan.md) — Codrops: A pile of cards or photos shuffles, then fans or settles one forward into focus. - [App Screens on a Rail](https://varg.ai/how-to/skills/app-screens-on-rail.md) — HeyGen: Two to five app screens ride a horizontal rail: one centered and sharp, neighbors smaller and receded. - [Cards Orbit in a Ring](https://varg.ai/how-to/skills/cards-orbit-ring.md) — Daniel Petho: Image cards ride a circle, larger in front and smaller behind, sweeping fast-slow-fast. - [Rapid Screenshot Burst](https://varg.ai/how-to/skills/rapid-screenshot-burst.md) — Codrops: Full-screen images slam in one on top of another on the beat, landing on the final hero shot. - [Opposing Marquee Rows](https://varg.ai/how-to/skills/opposing-marquee-rows.md) — Daniel Petho: Rows of tiles scroll sideways at different speeds and directions under a title. - [Filmstrip on a Curve](https://varg.ai/how-to/skills/filmstrip-on-curve.md) — Daniel Petho: A ribbon of thumbnails snakes along a curved path across the frame. ## [Backdrops](https://varg.ai/how-to/effects/backdrops.md) (9) - [Slow Mesh Gradient](https://varg.ai/how-to/skills/slow-mesh-gradient.md) — HeyGen: Soft brand-colored fields blend and drift slowly behind titles and UI. - [Aurora Behind the Title](https://varg.ai/how-to/skills/aurora-behind-title.md) — Aceternity UI: Blurred light streaks drift sideways across a dark frame behind a centered title. - [Faint Grid or Dot Field](https://varg.ai/how-to/skills/faint-grid-field.md) — Magic UI: A very faint line grid or dot field gives structure behind UI and code, with a soft radial fade. - [Spotlight From Above](https://varg.ai/how-to/skills/spotlight-from-above.md) — Aceternity UI: Soft light cones fall from the top of a dark frame onto the product or title. - [Film Grain Over Gradient](https://varg.ai/how-to/skills/film-grain-over-gradient.md) — HeyGen: A fine animated grain sits over the gradient so it feels printed, removes banding and looks less digital. - [Blurred Product Behind Text](https://varg.ai/how-to/skills/blurred-product-behind.md) — Kapish Dima · remocn: The product UI itself, heavily blurred and dimmed, becomes the backdrop for a title or quote. - [Perspective Grid Tunnel](https://varg.ai/how-to/skills/perspective-grid-tunnel.md) — Magic UI: A card or title floats in a perspective tunnel or floor grid while light streaks race along the lines. - [Brand-Color Silk Waves](https://varg.ai/how-to/skills/brand-silk-waves.md) — David Haz: Smooth silk-like folds or wave bands in brand colors flow slowly behind the content. - [Quiet Particle Field](https://varg.ai/how-to/skills/quiet-particle-field.md) — tsParticles (Matteo Bruni): Out-of-focus dots drift slowly in depth behind the content, adding life without motion noise. ## [Customer logos](https://varg.ai/how-to/effects/logo-walls.md) (7) - [Trusted-By Logo Marquee](https://varg.ai/how-to/skills/trusted-by-marquee.md) — Julien Thibeaut (ibelick): A row of monochrome customer logos glides sideways in a seamless loop under a short line. - [Logo Grid Settles In](https://varg.ai/how-to/skills/logo-grid-settles.md) — HeyGen: Logos fade and scale into a tidy grid with a soft stagger, then hold for a beat. - [Integrations Orbit the Logo](https://varg.ai/how-to/skills/integrations-orbit.md) — Magic UI: App icons circle your logo on one or two thin rings turning in opposite directions. - [Partner × Partner Lockup](https://varg.ai/how-to/skills/partner-lockup.md) — HeyGen: Two logos slide together from opposite sides and lock around a thin × or + mark. - [Brand Chips Spring In](https://varg.ai/how-to/skills/brand-chips-spring-in.md) — Kapish Dima · remocn: Round brand chips pop in one by one with a spring and overlap into a tidy stack. - [Logos Float Past in Depth](https://varg.ai/how-to/skills/model-logos-float-past.md) — HeyGen: Partner or model logos drift past on a tilted plane, sharp near the camera and blurred toward the horizon. - [Integration Logos Light Up](https://varg.ai/how-to/skills/integration-logos-light-up.md) — HeyGen: A grid of integration tiles sits dim; each lights with a traveling border glow as the narration names it. ## [Text & titles](https://varg.ai/how-to/effects/kinetic-type.md) (6) - [Canopy Part Title](https://varg.ai/how-to/skills/hyperframes-canopy-part-title.md) — HeyGen: Leaves sweep across the frame and part to reveal your headline: a 12-second 1080p title block. - [Code Slice Hero](https://varg.ai/how-to/skills/hyperframes-code-slice-hero.md) — HeyGen: A tiled headline flips cell by cell under a sweeping depth field to reveal a second line: an 8-second hero. - [Glass Shard Title](https://varg.ai/how-to/skills/hyperframes-glass-shard-title.md) — HeyGen: Glass shards fly in through fog and tile themselves into your headline, then fly out past the camera. - [Wireframe Portal Title](https://varg.ai/how-to/skills/hyperframes-wireframe-portal-title.md) — HeyGen: A wireframe portal bursts open, the title comes through, then its letters swap into a second phrase. - [Kinetic Typography](https://varg.ai/how-to/skills/iart-kinetic-typography.md) — iart.ai: Kinetic type for web and video: line, word or char splits, mask and blur reveals, variable-font motion, frozen-frame QA. - [Persian Motion Director](https://varg.ai/how-to/skills/persian-motion-director.md) — atmirrr, beta: Persian/RTL kinetic type done right: HarfBuzz-shaped letters, kashida, unbroken joins, font loaded before render. ## [Captions & subtitles](https://varg.ai/how-to/effects/captions.md) (5) - [3D Camera Captions](https://varg.ai/how-to/skills/hyperframes-camera-3d-captions.md) — HeyGen: Captions that live in 3D around a talking head: the camera flies through the words, heroes pass behind the speaker. - [Remotion Captions](https://varg.ai/how-to/skills/remotion-captions.md) — Remotion: Transcribe speech and burn in animated captions with Remotion, or import an existing SRT file. - [Cinematic Caption](https://varg.ai/how-to/skills/cinematic-caption-audrey.md) — Audrey, beta: Designed editorial captions for HyperFrames: scored hero words, subject-aware depth, glass type — not a subtitle strip. - [Caption Animation](https://varg.ai/how-to/skills/iart-caption-animation.md) — iart.ai: Word-timed TikTok captions in Remotion or CSS: per-word pop, active-word highlight, 9:16 safe areas, sidecar SRT/VTT. - [Agent Caption](https://varg.ai/how-to/skills/agent-caption.md) — Ali Hamza Kamboh, beta: Local captions in any language: Whisper words, forced-aligned timing, SRT/VTT, burned styles or a GSAP captions.js. ## [Logo animations & intros](https://varg.ai/how-to/effects/brand-motion.md) (4) - [Cuboid Carousel](https://varg.ai/how-to/skills/hyperframes-cuboid-carousel.md) — HeyGen: A chain of bevelled 3D cuboids rides a travelling wave as a content carousel for features or products. - [Frost Sequence Camera Orbit](https://varg.ai/how-to/skills/hyperframes-frost-sequence-camera-orbit.md) — HeyGen: An orbiting camera follows an ice logo as it shatters, reforms into two text moments and fades out. - [Krea Motion](https://varg.ai/how-to/skills/krea-motion.md) — Krea: Animate products, renders and logos into reveal films and web loops with Seedance 2.5 on Krea. - [Pixel2Motion Logo Animation](https://varg.ai/how-to/skills/pixel2motion.md) — NolanLai: Raster logo to clean SVG to a choreographed logo animation in HTML, with geometry and motion QA evidence. ## [Phone & app screens](https://varg.ai/how-to/effects/native-ui.md) (3) - [iPhone Duo Fold](https://varg.ai/how-to/skills/iphone-duo-fold.md) — varg: Your screens on Apple's foldable iPhone Duo, unfolding in 3D with its progressive blur. Local, free. - [Duo Foldable Phone](https://varg.ai/how-to/skills/hyperframes-duo.md) — HeyGen, beta: Two HTML screens composited into a photo of hands holding an open foldable phone, for side-by-side meme videos. - [X Posting License](https://varg.ai/how-to/skills/hyperframes-x-posting-license.md) — HeyGen, beta: A 10-second animated 'posting license' card for an X profile, filled with real profile data into a locked template. ## [Animation & motion graphics](https://varg.ai/how-to/effects/animation.md) (2) - [p5 Paint Animation](https://varg.ai/how-to/skills/hyperframes-p5-paint-animation.md) — HeyGen: Handwriting that writes itself, photos that paint themselves and clips repainted as living paintings, in p5.js code. - [Bang Motion](https://varg.ai/how-to/skills/bang-motion.md) — Bang Tutorial: Browser motion graphics that move like video, not slides: openers, promos, bumpers, kinetic type and explainers. ## [Cinematic & short films](https://varg.ai/how-to/effects/cinematic.md) (1) - [fal Fan Cam](https://varg.ai/how-to/skills/fal-fan-cam.md) — fal: Put someone into a live sports broadcast: a realistic fan-cam cutaway with scoreboard and channel overlays. ## [Launch videos](https://varg.ai/how-to/effects/launch.md) (1) - [Orbit Card](https://varg.ai/how-to/skills/hyperframes-orbit-card.md) — HeyGen: A single feature card orbits a dot sphere on a Blender-made camera move: a 10-second product beat. ## [Explainers](https://varg.ai/how-to/effects/explainers.md) (1) - [Remotion Maps](https://varg.ai/how-to/skills/remotion-maps.md) — Remotion: Animate maps in Remotion: static maps, Mapbox, MapLibre, MapTiler and CesiumJS 3D flyovers. ## [3D scenes](https://varg.ai/how-to/effects/3d-scenes.md) (1) - [Three.js Architecture Effects](https://varg.ai/how-to/skills/threejs-architecture-effects.md) — Hailey, beta: Self-assembling 3D buildings in three.js: bricks, timber, eaves and PBR, driven by one seekable progress value. ## [Editing & clips](https://varg.ai/how-to/effects/editing.md) (1) - [Clipify](https://varg.ai/how-to/skills/clipify.md) — Louise de Sadeleer: Long videos into social clips: find funny lines or impact beats, cut, reframe to 9:16, burn word-by-word captions. ## Other kinds of skills - [Prompts](https://varg.ai/how-to/prompts.md): The words a video model obeys: camera angles, shot sizes, lighting, characters, hooks and prompt guides for Seedance, Kling, Veo, FLUX and Higgsfield. Your agent writes the prompt with them, or you paste them into the model. - [Styles](https://varg.ai/how-to/styles.md): The look of the whole video: art styles, film looks, color grades and LUTs, caption fonts and style references. Pick a style and every shot your agent makes follows it. - [Guides](https://varg.ai/how-to/guides.md): Know-how your agent reads before it works: how to write a script, storyboard, edit and caption, and how to use Remotion, HyperFrames, GSAP, Three.js and FFmpeg. - [Workflows](https://varg.ai/how-to/workflows.md): A brief in, a finished video out: UGC ads, product videos, music videos, talking heads, explainers, Shorts and short dramas, step by step, with the models and the edit chosen for you. - [Models & tools](https://varg.ai/how-to/models.md): Run one model or tool from your agent: Seedance, Veo, Kling, FLUX, GPT Image, Nano Banana, ElevenLabs and 1,200+ more, plus scrapers, trend search and video analysis. ## Questions **What is a video effect skill?** A skill that adds something you can see to a video: an animated title, captions, a transition, a shader background, a logo animation or a viral camera trick. **Do effects need a video model?** Code-built effects (HyperFrames, Remotion, GSAP, shaders) render locally for free. Generated effects call a model such as Seedance or Kling through varg or the vendor’s API.