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 則根據你的素材,在你的電腦上算圖。

用「多裝置畫布發表影片」做你的片子

複製安裝提示詞