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

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

プロンプト例
Use the donut-breakdown skill: title "Traffic sources", parts "Organic: 48 | Social: 30 | Paid: 14 | Email: 8". Ink theme, 9:16.
スタイルプロンプト(Claude Motion または Opus 5.5)
Make a 7-second 16:9 donut chart for [who will watch, e.g. the board], playing [where, e.g. the budget review]. Use only the shares I attach or list below; they must add up to 100%. Off-white background.

The title appears. A thick ring draws segment by segment clockwise (rust orange, black, gray, blue) with a legend fading in beside it. The center counts up to the largest share with its name beneath. End frame: the largest slice pops outward slightly and the other legend items dim.

Title: [e.g. "Where our budget goes"]
Segments: [names and shares] (e.g. Product 45%, Marketing 25%, Sales 18%, Ops 12%)

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

このシリーズの他の Skill

チャート →