mcpField
B
blitzreels-motion-graphics

blitzreels-motion-graphics

github.com/blitzreelsクリエイティブ・メディア442 回インストール6 週間前に更新
リポジトリ

blitzreels-motion-graphics について

BlitzReels Playground APIを通じてモーショングラフィックスのコンポジションを作成、編集するスキルです。JSON仕様とスクリプトでアニメーション要素やタイムラインのオーバーレイを管理し、書き出せます。

主な機能

  1. 01コンポジションのプリセットを閲覧
  2. 02コンポジションの作成と編集
  3. 03テキスト、図形、メディア、チャートのアニメーション
  4. 04タイムラインのオーバーレイと字幕の管理
  5. 05コンポジションの書き出し

活用シーン

  1. 01アニメーション付きタイトルカードの作成
  2. 02チャートと動画を含むコンポジションの制作
  3. 03既存コンポジション内の要素を修正
  4. 04動画プロジェクトへの字幕やオーバーレイ追加

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/blitzreels/agent-skills --skill blitzreels-motion-graphics

インストール後、Claude Code で/blitzreels-motion-graphicsを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

examples/
create-composition.md
references/
composition-spec.md
scripts/
blitzreels.sh
playground.sh

詳細

BlitzReels モーショングラフィックス(Playground API)

Playground API を使ってモーショングラフィックスのコンポジションを作成・編集します。テキスト、図形、画像、動画、グラフ、コードブロックなどを使って、アニメーションシーンを構築できます。

クイックスタート

# List available presets
bash scripts/playground.sh list-presets PROJECT_ID

# Create a composition from a JSON file
bash scripts/playground.sh create PROJECT_ID spec.json

# Create from inline JSON
bash scripts/playground.sh create PROJECT_ID '{"name":"Title Card","fps":30,"width":1920,"height":1080,"durationInFrames":90,"mode":"elements","elements":[{"id":"title","type":"text","content":"Hello World","style":{"fontSize":96,"fontWeight":"bold","color":"#fff","display":"flex","justifyContent":"center","alignItems":"center"}}]}'

# Get, update, delete
bash scripts/playground.sh get PROJECT_ID COMP_ID
bash scripts/playground.sh update PROJECT_ID COMP_ID updated-spec.json
bash scripts/playground.sh delete PROJECT_ID COMP_ID

# Export the project
bash scripts/playground.sh export PROJECT_ID --resolution 1080p

ワークフロー

  1. プロジェクトを作成する(または既存のプロジェクトを使用する)
  2. プリセットを参照する — playground.sh list-presets でアイデアを得ます
  3. コンポジション仕様を作成する — キャンバス、要素、アニメーションを記述した JSON を用意します
  4. コンポジションを作成する — playground.sh create
  5. 反復する — 要素を更新し、タイミングを調整し、アニメーションを追加します
  6. エクスポートする — playground.sh export

スクリプト

scripts/playground.sh

Playground のコンポジション向けに専用設計された CRUD ラッパーです。

コマンド使用方法
list-presetsplayground.sh list-presets <projectId>
listplayground.sh list <projectId>
createplayground.sh create <projectId> <spec.json|-|JSON>
getplayground.sh get <projectId> <compositionId>
updateplayground.sh update <projectId> <compositionId> <spec>
deleteplayground.sh delete <projectId> <compositionId>
exportplayground.sh export <projectId> [--resolution 1080p]

完全な使用方法については、bash scripts/playground.sh --help を実行してください。

scripts/blitzreels.sh

アドホックな呼び出しに使う汎用 API ヘルパーです。

環境変数

変数必須説明
BLITZREELS_API_KEYはいAPI キー
BLITZREELS_API_BASE_URLいいえベース URL を上書きします
BLITZREELS_ALLOW_EXPENSIVEいいえblitzreels.sh 経由のエクスポート呼び出しでは 1 を設定します

API エンドポイント

Playground コンポジション
メソッドパス説明
GET/projects/{id}/playground/presetsプリセットテンプレートの一覧を取得
GET/projects/{id}/playground/compositionsコンポジションの一覧を取得
POST/projects/{id}/playground/compositionsコンポジションを作成
GET/projects/{id}/playground/compositions/{cid}コンポジションを取得
PATCH/projects/{id}/playground/compositions/{cid}コンポジションを更新
DELETE/projects/{id}/playground/compositions/{cid}コンポジションを削除
要素単位の操作
メソッドパス説明
PATCH/projects/{id}/playground/compositions/{cid}/elements/{eid}単一の要素を更新
DELETE/projects/{id}/playground/compositions/{cid}/elements/{eid}要素を削除
プロジェクト操作
メソッドパス説明
POST/projectsプロジェクトを作成
POST/projects/{id}/exportエクスポートを開始(高コスト)
GET/exports/{export_id}エクスポートのステータスとダウンロード URL を取得

コンポジション仕様

コンポジション JSON 仕様では、キャンバス、要素、アニメーションを定義します。完全なスキーマについては、references/composition-spec.md を参照してください。

最小限の例
{
  "name": "Title Card",
  "fps": 30,
  "width": 1920,
  "height": 1080,
  "durationInFrames": 150,
  "background": "#1a1a2e",
  "mode": "elements",
  "elements": [
    {
      "id": "title",
      "type": "text",
      "content": "Hello World",
      "from": 0,
      "durationInFrames": 150,
      "style": {
        "fontSize": 96,
        "fontWeight": "bold",
        "color": "#ffffff",
        "opacity": {
          "keyframes": [
            { "frame": 0, "value": 0 },
            { "frame": 30, "value": 1 }
          ]
        }
      }
    }
  ]
}
要素の種類
種類説明
textタイプライター効果やハイライト効果付きのテキスト
shape長方形、円、楕円、線、矢印、多角形、星
imageKen Burns 効果(任意)付きの静止画像
video音量、ループ、再生制御に対応した動画クリップ
audioオーディオトラック
chartアニメーション表示に対応した棒、円、折れ線、面、ドーナツグラフ
code行ごとの表示に対応した構文ハイライト付きコード
svgパス描画/モーフィングアニメーション付きの SVG
group子要素のコンテナ(並列または連続)
lottieJSON または URL から読み込む Lottie アニメーション
アニメーションのオプション
  • 静的な値:"opacity": 1
  • キーフレーム:イージングを使ったフレーム単位の指定
  • スプリング物理:smooth、snappy、bouncy、heavy、gentle のプリセット
  • イージング:linear、easeIn、easeOut、easeInOut、elastic、bounce、bezier
シーン遷移(scenes モード)

fade、slide、wipe、flip、clockWipe — 方向別のバリエーションがあります。

タイムラインとオーバーレイの編集

既存の動画プロジェクト(プレイグラウンドのコンポジションではありません)を編集する場合は、以下のエンドポイントを使用してください。

メソッドパス説明
GET/projects/{id}/context?mode=timelineプロジェクトのタイムラインを取得
POST/projects/{id}/overlaysテキスト/画像のオーバーレイを追加
PATCH/projects/{id}/overlays/{oid}オーバーレイを更新
DELETE/projects/{id}/overlays/{oid}オーバーレイを削除
POST/projects/{id}/captions字幕を追加/更新
PATCH/projects/{id}/captions/style字幕のスタイルを更新

参考資料

  • references/composition-spec.md — コンポジション JSON スキーマ、要素の種類、アニメーション形式、スプリングプリセット、トランジションの詳細

注意事項

  • ベース URL には https://www.blitzreels.com/api/v1 を使用してください。https://blitzreels.com は www にリダイレクトされ、一部の HTTP クライアントではリダイレクト時に Authorization ヘッダーが削除されます。
  • アニメーションでは、動きを伝えるために必要な最小限のキーフレームを使用してください(ジッターを軽減できます)。
  • OpenAPI 仕様の全文:https://www.blitzreels.com/api/openapi.json

レート制限

プランリクエスト/分
Free10
Creator30
Pro60
Agency120

コメント