Motion Skills
← All skills

Device Canvas Launch

Your desktop and phone screens on one canvas in your brand colour, toured by one camera.

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 Device Canvas Launch

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/device-canvas-launch/install.md and follow it to install the "device-canvas-launch" 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 device-canvas launch film for our app: our site on desktop and phone, three features, and the sign-up link.
Style prompt (Claude Motion or Opus 5.5)
Make a 20-second 16:9 launch video for [who will watch, e.g. ops and finance leads], playing [where, e.g. the homepage hero]. Use only the lines and screenshots I give; don't change a word. Deep navy background with soft violet and teal glows.

Scene 1: the hook rises word by word and fades. Scene 2: a browser window with the desktop screenshot and a phone with the mobile screenshot rise onto the canvas. Scene 3: the camera glides in to the browser while a glass caption shows the first feature, then to the phone with the second, then pulls back to show both with the third. End frame: the devices blur and sink as the product name, the hook and a violet call-to-action button appear.

Hook: [e.g. "Your metrics, everywhere you work."]
Three captions: [e.g. "Live dashboards — Every number, updated in real time", "Pocket alerts", "Always in sync"]
Product and call to action: [e.g. Pulse, "Get Pulse free"]
Attach: [a desktop screenshot and a phone 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 Device Canvas Launch

Copy install prompt