Motion Skills
← Skills
Premium解説

グループ棒グラフ

グループごとのビフォーアフターの棒と、ペアの上に現れる変化率。

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/grouped-bars/install.md を読んで手順どおりに「grouped-bars」スキルをインストールし、それを使って最初の動画を作ってください。

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

プロンプト例
Use the grouped-bars skill: series "2025 | 2026", groups "EU: 1.2, 2.1 | US: 3.4, 4.0 | APAC: 0.6, 1.8", suffix "M". Electric theme.
スタイルプロンプト(Claude Motion または Opus 5.5)
Make a 7-second 16:9 bar chart for [who will watch, e.g. clients we're pitching], playing [where, e.g. the case study]. Use only the numbers I attach or list below; the percentage changes must match them. Sand background.

The title sits top left with a small legend top right (before in gray, after in orange). Gray bars grow up from a baseline for each item. Then shorter orange bars grow beside each one. End frame: dark pills pop above each pair with the change.

Title: [e.g. "Hours spent per video"]
Items with before and after: [e.g. Script 4h → 2h, Design 10h → 3h, Animation 16h → 2h, Revisions 8h → 1h]

インストール不要:Claude Motion(Team または Enterprise)に貼り付けるか、Opus 5.5 に渡すと近い雰囲気になります。結果は実行ごとに変わります。Skill なら毎回同じ結果です。

このシリーズの他の Skill

チャート →