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

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

プロンプト例
Use the hub-spoke skill: hub "Brand kit", spokes "Website | Decks | Social | Video | Email", title "One source of truth". Paper theme, 1:1.
スタイルプロンプト(Claude Motion または Opus 5.5)
Make a 7-second 16:9 hub diagram for [who will watch, e.g. developers], playing [where, e.g. the platform page]. Use only the labels below. Deep navy background.

The title appears. A glowing violet circle with the hub label pops into the center with a soft halo. Thin lines draw outward to six dark pill labels arranged in an ellipse. End frame: the hub pulses and violet dots shoot along every line to the pills, outlining each in violet, in two waves.

Title: [e.g. "One backend, everywhere"]
Hub: [e.g. "Your API"]
Six spokes: [e.g. Web app, iOS, Android, Zapier, Slack bot, CLI]

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

このシリーズの他の Skill

図解 →