Motion Skills
← All skills

3D Mockup Promo

Your screenshots in moving 3D devices, one feature a shot, cut on the beat.

How it works

  1. 1Copy the install prompt and paste it into your agent.
  2. 2Your agent runs mo doctor to check Node.js, FFmpeg and Chrome, and tells you how to install anything missing.
  3. 3Give it your material. It renders an MP4 on your computer, and you ask for changes in plain words.

Install 3D Mockup Promo

Paste one sentence into your AI agent: it reads the install guide, installs it, and makes a first film with it.

Say to your agent

Read https://claude-motion.com/skills/mockup-promo/install.md and follow it to install the "mockup-promo" skill, then make a first video with it.

Works in Claude Code, Codex, Cursor, Gemini CLI and any agent that reads Agent Skills. The first install signs you in through the browser.

Paste into Claude Code, Codex, Cursor or any agent that supports skills.

All it takes

No API key

This is all it needs

  • A website or app

Dependencies

Node.js 22+, FFmpeg, Chrome. No API keys.

Before it starts, your agent runs mo doctor to check Node.js, FFmpeg and Chrome and tells you how to install anything missing; if this skill needs more (such as whisper for captions), its instructions say so.

Example prompt
Make a 3D mockup promo for our app from these screenshots: three features and the sign-up link.
Style prompt (Claude Motion or Opus 5.5)
Make a 20-second 16:9 promo video for [who will watch, e.g. small-team managers on LinkedIn], playing [where, e.g. a launch post]. Use only the lines and screenshots I give; don't change a word or a screen. Warm off-white background, the brand colour only on the last scene.

Scene 1: a silver laptop opens on the desktop screenshot while the product name and the hook rise below it. Scenes 2 to 4: one feature each, cut on the beat with a short crossfade: the desktop screenshot in a browser window the camera pushes into, the phone screenshot on a phone that swings in, then a third screenshot on a device the camera circles; one caption under each, never over a screen. Scene 5: all the screenshots together on a laptop, a tablet and a phone, with the point of the film. End frame: the brand colour, the phone floating on the right, the name, the call to action as a dark pill and the URL on the left.

Hook: [e.g. "The calendar for busy small teams"]
Three features: [e.g. "See your whole week at a glance", "Join any meeting in one tap", "Focus time, protected for you"]
The point: [e.g. "One calendar. Every screen."]
Product, call to action and URL: [e.g. Dayloom, "Try Dayloom free", dayloom.app]
Attach: [a desktop, a phone and a tablet screenshot]

Nothing to install: paste this into Claude Motion (Team or Enterprise) or give it to Opus 5.5 for a similar look. The result changes from run to run; the skill works from your own material and renders on your computer.

Make your film with 3D Mockup Promo

Copy install prompt