Motion Skills
← Skills
無料解説

折れ線トレンド

値を表示しながら線が描かれ、ある時点に注釈が付きます。

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

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

プロンプト例
Use the line-trend skill: title "MRR", data "Q1: 12 | Q2: 15 | Q3: 22 | Q4: 41", prefix "$", suffix "k", mark "Q3", note "Launched video ads". Paper theme, 1:1.
スタイルプロンプト(Claude Motion または Opus 5.5)
Make a 7-second 16:9 line chart for [who will watch, e.g. the board], playing [where, e.g. the quarterly review]. Use only the numbers I attach or list below; don't round or smooth them. Near-black background.

The title sits top left and a large white number top right. An orange line draws from left to right across the period over a fading orange gradient fill, while a white dot with an orange halo rides the tip and the big number counts along with it. At the marked point, a white ring appears on the line with a thin stem and a white label. End frame: the big number turns orange, held for 1.5 seconds.

Title: [e.g. "Weekly active users"]
Data: [your periods and values] (e.g. Jan to Jul, 1,200 to 5,200)
Marked point and label: [e.g. April, "Video launch"]

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

このシリーズの他の Skill

チャート →