Motion Skills
← Skills
付費發表

多裝置畫布發表影片

桌面和手機懸浮在發光畫布上,鏡頭在兩者間巡遊。

貼上到 Claude Code、Codex、Cursor 或任何支援 Skills 的 Agent 中。

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

其他配色和畫面比例

多裝置畫布發表影片 · 紙白 · 9:16
配色: 紙白 · 9:16
多裝置畫布發表影片 · 黑白 · 1:1
配色: 黑白 · 1:1

同一個範本換了配色和畫面比例後渲染出的結尾畫面。

5 套配色

  • 墨黑
    ink
  • 紙白
    paper
  • 電光 · 預設
    electric
  • 黑白
    noir
  • 沙色
    sand

在提示詞裡寫上配色名稱就能切換,也可以自訂強調色、背景色和文字色。

安裝提示詞
閱讀 https://claude-motion.com/skills/device-canvas-launch/install.md,依說明安裝「device-canvas-launch」Skill,然後用它做出第一支影片。

貼上到 Claude Code、Codex、Cursor 或任何支援 Skills 的 Agent 中。

範例提示詞
Use the device-canvas-launch skill for Tally with assets/web.png and assets/app.png: hook "Expenses, handled anywhere.", three features, CTA "Start free".
風格提示詞(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 則每次結果一致。

用這個 Skill 做的作品