Motion Skills
← 全部 Skill

多设备画布发布片

桌面端和手机端界面放在同一块品牌色画布上,用一个镜头带你看完。

怎么用

  1. 1复制安装提示词,粘贴给你的 Agent。
  2. 2Agent 先运行 mo doctor,检查 Node.js、FFmpeg 和 Chrome;缺什么会告诉你怎么装。
  3. 3把素材交给它,在你的电脑上渲染出 MP4;想改哪里,直接说。

安装多设备画布发布片

复制一句话给你的 AI Agent,它会读安装说明、装好这个 Skill,再用它做出第一支片子。

对 Agent 说

阅读 https://claude-motion.com/skills/device-canvas-launch/install.md,按说明安装「device-canvas-launch」Skill,然后用它做出第一个视频。

适用于 Claude Code、Codex、Cursor、Gemini CLI 和任何支持 Agent Skills 的 Agent。第一次安装会在浏览器里登录。

粘贴到 Claude Code、Codex、Cursor 或任何支持 Skill 的 Agent 中。

开始只需要

无需 API Key

有这个就能开始

  • 网站或 App

运行依赖

Node.js 22+、FFmpeg、Chrome。不需要 API Key。

开始前,Agent 会运行 mo doctor 检查 Node.js、FFmpeg 和 Chrome,缺什么会告诉你怎么装;如果这个 Skill 还需要别的(比如字幕要用的 whisper),它的说明里会写明。

示例提示词
Make a device-canvas launch film for our app: our site on desktop and phone, three features, and the sign-up link.
风格提示词(Claude Motion 或 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]

无需安装:粘贴到 Claude Motion(Team 或 Enterprise),或直接发给 Opus 5.5,就能得到相近的风格。每次运行结果会有差异;用 Skill 则根据你的素材,在你的电脑上渲染。

用「多设备画布发布片」做你的片子

复制安装提示词