Motion Skills
← Skills
Premium解説

比率バー

1 本のバーが割合に分かれ、重要な部分が示されます。

Claude Code、Codex、Cursor など Skill に対応したエージェントに貼り付けてください。

必要なもの: Node.js 22+、FFmpeg、Chrome。API キー不要。

ほかのテーマと画面比率

比率バー · エレクトリック · 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」スキルをインストールし、それを使って最初の動画を作ってください。

Claude Code、Codex、Cursor など Skill に対応したエージェントに貼り付けてください。

プロンプト例
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 なら毎回同じ結果です。

このシリーズの他の Skill

比較 →