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

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

範例提示詞
Use the ratio-bar skill: title "Our traffic", parts "Search: 52 | Social: 31 | Referral: 17", focus "Social", note "Up 3x since we started posting video." Ink theme.
風格提示詞(Claude Motion 或 Opus 5.5)
Make a 7-second 16:9 scene for [who will watch, e.g. the video team], playing [where, e.g. the monthly retro]. Use only the three shares below; they must add up to 100%. Off-white background.

The title appears. Below, a thick rounded bar wipes in from the left and splits into three segments (black, rust orange, gray) with the numbers counting up, and a legend lists what each one means. Then the highlighted segment swells slightly and the other legend items fade to gray. End frame: the takeaway appears in orange below.

Title: [e.g. "Where viewers drop off"]
Three segments: [e.g. "Watched to the end" 38%, "Left in the first 3s" 41%, "Left mid-video" 21%]
Highlight and takeaway: [e.g. the 41% segment, "Fix the hook first."]

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

同系列更多

對比 →