Push Through the Screen — effect skill for device mockups

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.

A phone rises into view, then the camera pushes through its screen into the full-frame UI.

What it does

Built on Parallax Device Dive by HeyGen (HyperFrames), Apache-2.0. The write-up and recipes below are varg's.

The phone grows until its screen fills the frame; bezel slides off-frame and the UI layers separate slightly as you pass through.

When: Bridge from a device beauty shot into a flat UI walkthrough without a cut.

Watch out: Do not push in at constant speed; accelerate in, decelerate as the UI fills the frame.

Timing: Rise 0.6 s, push 0.8–1.0 s expo.inOut.

Also called: screen dive, fly into phone, parallax dive

In HyperFrames

npx hyperframes add parallax-device-dive

In Remotion

const z = interpolate(frame,[18,42],[1,4.6],{extrapolateLeft:'clamp',extrapolateRight:'clamp',easing:Easing.inOut(Easing.exp)});
<AbsoluteFill style={{transform:`scale(${z})`, transformOrigin:'50% 48%'}}><PhoneWithScreen/></AbsoluteFill>

In CapCut

Keyframe the phone mockup Scale 100% → 460% in 0.8 s, then cut on the frame the screen fills to the raw recording.

Ready-made components

Where this comes from

Use when

Not for

Install

Example output

https://s3.varg.ai/how-to/previews/8a5a40359443/take-push-through-the-screen.mp4 — The Parallax Device Dive component rendered as installed (npx hyperframes add parallax-device-dive), defaults only (credit: Rendered by varg · HyperFrames Parallax Device Dive, https://hyperframes.heygen.com/catalog/components/parallax-device-dive)

More device mockups 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.