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

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

範例提示詞
Use the app-preview skill for our App Store video: app "Pace", screens "assets/s1.png | assets/s2.png | assets/s3.png", captions "Runs that adapt to you | Coach in your ear | Every PR celebrated", badge "Free on the App Store". 9:16.
風格提示詞(Claude Motion 或 Opus 5.5)
Make a 12-second 16:9 app preview for [who will watch, e.g. people deciding whether to download], playing [where, e.g. the App Store page and our site]. Use only the screenshots and captions I give below; don't change a word. Warm sand background.

A modern phone mockup swings up from the bottom with a soft rust-colored glow behind it and floats gently. On the left, the app name in small rust uppercase sits above a bold caption. Every three seconds the phone screen swipes to the next screenshot while the caption changes and a pill-shaped page indicator moves along. End frame: where to get it, held for 2 seconds.

App name: [e.g. LUMEN]
Captions, one per screenshot: [e.g. "Plan your week in seconds", "Focus mode blocks the noise", "See your progress at a glance"]
End line: [e.g. "Available on iOS and Android"]
Attach: [three phone screenshots]

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

用這個 Skill 做的作品