Motion Skills
← Skills
無料データ

KPI カウンター

カウントアップする最大 4 つの主要な数字。

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

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

ほかのテーマと画面比率

KPI カウンター · ペーパー · 9:16
テーマ: ペーパー · 9:16
KPI カウンター · エレクトリック · 1:1
テーマ: エレクトリック · 1:1

同じテンプレートをテーマと画面比率を変えてレンダリングした最終フレームです。

5つのテーマ

  • インク · デフォルト
    ink
  • ペーパー
    paper
  • エレクトリック
    electric
  • ノワール
    noir
  • サンド
    sand

プロンプトでテーマ名を指定するだけで切り替わります。アクセント色・背景色・文字色を自分で指定することもできます。

インストール用プロンプト
https://claude-motion.com/skills/kpi-counter/install.md を読んで手順どおりに「kpi-counter」スキルをインストールし、それを使って最初の動画を作ってください。

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

プロンプト例
Use the kpi-counter skill for our year in review: title "2026 at Acme", stats "1.2M: Users | 99.99%: Uptime | 48: Countries". Paper theme, 1:1 for LinkedIn.
スタイルプロンプト(Claude Motion または Opus 5.5)
Make a 7-second 16:9 stat animation for [who will watch, e.g. customers reading our year in review], playing [where, e.g. the newsletter and LinkedIn]. Use only the numbers below; don't round or change them. Near-black background.

A small uppercase gray title tightens its letter spacing as it fades in. Three columns appear one after another: each has a thin orange bar that sweeps across, then a huge off-white number counts up from zero, with a gray label beneath. End frame: hold on the final numbers.

Title: [e.g. "2026 IN NUMBERS"]
Three numbers and labels: [e.g. "98.9%" Uptime, "3.2x" Faster deploys, "$1.4M" Saved per year]

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

この Skill で作った作品