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/phone-callouts/install.md,依說明安裝「phone-callouts」Skill,然後用它做出第一支影片。

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

範例提示詞
Use the phone-callouts skill with assets/app-home.png and callouts "0.5, 0.2: Your balance, live | 0.3, 0.7: Send in two taps | 0.7, 0.7: Split with friends". Paper theme, 1:1.
風格提示詞(Claude Motion 或 Opus 5.5)
Make a 7-second 16:9 app scene for [who will watch, e.g. new users], playing [where, e.g. the app's landing page]. Use only the screenshot and four labels I give. Deep navy background.

A black phone showing the screenshot rises into the center with a slight rotation that settles. One at a time, small violet dots appear on parts of the screen and thin violet lines draw out to white labels on the left and right. End frame: the phone floats gently with all four labels showing.

Attach: [a phone screenshot of your app]
Four labels and what each points at: [e.g. "Today's plan at a glance", "One-tap check-ins", "Streaks that stick", "Start in one tap"]

無需安裝:貼到 Claude Motion(Team 或 Enterprise),或直接傳給 Opus 5.5,就能得到相近的風格。每次執行結果會有差異;用 Skill 則每次結果一致。

同系列更多

裝置介面 →