# Device mockups effects for AI video

> **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.

10 effects for device mockups: phones, laptops, browser windows and tablets: how the device enters, holds the screen and turns in 3D.

## Effects (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.

## 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.