Motion Skills
← All skills

Screen Demo Zoom

Your real web app, used step by step, with a camera that zooms to every click.

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 Screen Demo Zoom

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/screen-demo-zoom/install.md and follow it to install the "screen-demo-zoom" 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 zoom-to-click demo of our web app: create a project, name it and open it, zooming in on each click. 16:9, plus a 9:16 version.
Style prompt (Claude Motion or Opus 5.5)
Make a 15-second 16:9 screen demo for [who will watch, e.g. visitors to our landing page], playing [where, e.g. the hero section, muted]. Use only our real web app and the steps below; every screen state must be the app's own, nothing mocked.

Our app sits in a plain browser window on our brand colour. A smooth cursor glides to each control; the camera eases in on the action before each click and pans to the result after it, and a short caption names each step. The final result is held longest with the app's own confirmation in frame. End on our name, line and URL, held 2 seconds. Soft click and typing sounds over a light score.

App: [URL or local build, e.g. localhost:3000]
Steps (3 to 5 goals): [e.g. "Start a new invoice", "Pick the client", "Add a line", "Send it as a link"]
Name, line and URL: [e.g. Billwren · "Bill the job, not the paperwork." · billwren.example]

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 Screen Demo Zoom

Copy install prompt