Animation Machine

Animation Machine MCP サーバー

Claude、ChatGPT、CursorなどのAIアプリにレンダリングボタンを追加します。
AIがHTMLアニメーションを作成し、Animation Machineが音楽、ナレーション、字幕を付けて、あらゆるアスペクト比でMP4またはGIFにレンダリングします。

ウェブサイト · 全ドキュメント · セットアップ · ツール · プロンプトの例 · ガイド：Claudeで動画を作成

---

サーバー URL： https://animation-machine.com/mcp トランスポート： Streamable HTTP（リモート、ホスト型、インストール不要） 認証： OAuth 2.1（動的クライアント登録またはクライアント ID メタデータドキュメント、PKCE）または個人用 API キー 料金： $5/月のAnimation Machineプランに含まれています

このリポジトリには、ドキュメント、例、MCP Registryマニフェストが含まれています。サーバー自体はAnimation Machineがホストしています。

完全なリファレンス（すべてのツールとパラメーター、OAuthエンドポイント、制限、エラー）：animation-machine.com/docs/mcp · エージェント向けMarkdown版：docs/mcp.md · サーバーカード：/.well-known/mcp/server-card.json

できること

AIアシスタントはアニメーションコード（GSAP、CSSキーフレーム、Web Animations、Lottie、Three.js、canvas）の作成は得意ですが、再生して録画することはできません。このサーバーを使うと、次のことができます。

• レンダリング： HTMLアニメーション（インラインHTML、複数ファイルのプロジェクト、アップロードしたzip）を、1回のリクエストでMP4またはGIFに、16:9、9:16、1:1のアスペクト比でレンダリングします
• 動画を仕上げる： アップロードした動画に、ロイヤリティフリーの音楽、AIによるナレーション、焼き込み字幕（16言語）、タイトルカードとエンドカード、コーナーハンドル、ロゴを追加します
• プレビュー： まず1フレームをプレビューして、AIが自分の作業を確認できるようにします
• モーショングラフィックスのテンプレート（タイトルカード、ローワーサード、引用、統計カウンター）をコードなしで使用します
• 完成した動画用のソーシャル投稿キット（キャプション、フック、ハッシュタグ）を作成します

実際のブラウザーでコードをフレームごとにレンダリングするため、テキスト、数値、色、タイミングが記述どおりに正確に出力されます。テキストから動画を生成するモデルではありません。

セットアップ

claude.ai、Claude Desktop、Claudeモバイル

1. Settings → Connectors → Add custom connector
2. 名前：Animation Machine、URL：https://animation-machine.com/mcp
3. Connectを選択し、Animation MachineにサインインしてAllowを選択します

Claude Code

claude mcp add --transport http animation-machine https://animation-machine.com/mcp

次に、/mcpを実行してAuthenticateを選択します。

ChatGPT

Settings → Apps & Connectors → Advanced → Developer modeを有効にする → Create → URLにhttps://animation-machine.com/mcpを入力し、認証方式でOAuthを選択 → サインインしてAllowを選択します。

Cursor（~/.cursor/mcp.json）

{
  "mcpServers": {
    "animation-machine": {
      "url": "https://animation-machine.com/mcp",
      "headers": { "Authorization": "Bearer am_live_…" }
    }
  }
}

VS Code（.vscode/mcp.json）

{
  "servers": {
    "animation-machine": {
      "type": "http",
      "url": "https://animation-machine.com/mcp",
      "headers": { "Authorization": "Bearer am_live_…" }
    }
  }
}

その他

Streamable HTTP経由のリモートMCPに対応するクライアントなら、どれでも利用できます。stdioのみ対応するクライアントでは、次の方法でブリッジできます。

npx mcp-remote https://animation-machine.com/mcp --header "Authorization: Bearer am_live_…"

APIキー： animation-machine.comにサインイン → アカウントメニュー → AI agents (MCP) → Create API key。キーはいつでもここで取り消せます。また、接続済みのOAuthアプリは切断できます。

ツール

ツール	機能	ヒント
render	HTML／ファイルマップ／アップロードした ZIP のレンダリング、またはアップロードした動画の仕上げを行います。オプション：aspects、resolution、format、fps、duration_seconds、loop_count、crop_to_fill、music_url、music_volume、voiceover_text、voiceover_voice、captions、caption_style、caption_language、text_overlay、intro_title、outro_title、logo_upload_id。job_ids を返します。	書き込み
render_template	いくつかのフィールドから title_card、lower_third、quote または stat を作成し、同じ出力オプションを指定します。	書き込み
preview_frame	at_seconds 時点の静止画（画像）と、検出されたアニメーションの長さを返します。	読み取り専用
get_job	ステータス、進捗状況、および download_url（24 時間有効）、watch_url（共有ページ）、studio_url（エディターで開く）を返します。	読み取り専用
cancel_job	キューに入っている、または実行中のレンダリングをキャンセルします。	破壊的
create_upload	ローカルの ZIP／動画／ロゴ用の1回限りの PUT URL を作成します。	書き込み
search_music	ロイヤリティフリーの CC0 トラックを50万曲検索します。	読み取り専用
list_voices	voiceover_text 用の音声を一覧表示します。	読み取り専用
post_kit	完成したレンダリングのキャプション、フック、ハッシュタグ、説明文を作成します。	読み取り専用
list_renders	最近のレンダリングを10件表示します。	読み取り専用
get_account	プラン、使用状況、進行中のジョブ、制限を表示します。	読み取り専用

一般的な流れ：アニメーションを作成 → preview_frame → render → get_job をポーリング（retry_after_sec が返されます）→ download_url を共有します。

プロンプトの例

• 「YouTube チャンネル『Build Notes』用に、5秒のアニメーションイントロを作成してください。濃紺を使い、タイトルを1文字ずつスライドインさせてください。MP4 としてレンダリングしてください。」
• 「このローンチ告知を10秒のアニメーション動画にして、ノリのよいロイヤリティフリー音楽を付けて、16:9、9:16、1:1 でレンダリングしてください。」
• 「こちらが第3四半期の数値です。15秒のアニメーション棒グラフを作成し、LinkedIn 用（1:1）にレンダリングしてください。」
• 「demo.mp4 をアップロードします。落ち着いた音楽とスペイン語のキャプションを追加し、隅に私の @handle を入れて、『Try it free』と表示するエンドカードを付けてください。」
• 「stat テンプレートを使って10,000までカウントアップし、ラベルに『happy customers』を付けてください。その後、Instagram 用の Post Kit を作成してください。」

その他の例は examples/ をご覧ください。

制限

共有レンダリングサーバー上で、すべてのユーザーが快適に使えるよう高速性を維持しています。

• 1アカウントあたり同時に実行できるジョブ（レンダリングまたはプレビュー）は1件です。エージェントのジョブは、ウェブサイトを使用しているユーザーの後ろに並びます
• HTML アニメーションは60秒以下、GIF は15秒以下、アップロード動画は3分以下です（ループを含む）
• 最大1080p、24または30 fps、1リクエストにつき最大3種類のアスペクト比
• インライン HTML は2 MB以下、複数ファイルのプロジェクトは5 MB以下、アップロードは95 MB以下
• エージェント経由では、月200回のレンダリング（ウェブアプリと共通）、1日5回の AI 音声ナレーション、20回の Post Kit を利用できます

4K や長尺の動画が必要ですか？すべてのレンダリングに studio_url があり、ブラウザーで編集を続けられます。

セキュリティとプライバシー

• PKCE（S256）を使用する OAuth 2.1。トークンはハッシュ化して保存され、アカウントメニューから取り消せます
• 接続済みアプリに許可されるのは、レンダリング、自身のレンダリングの読み取り、音楽の検索のみです。請求、アカウント変更、他のユーザーのデータへのアクセスはできません
• アニメーションは、外向き通信フィルターを備えたサンドボックス化されたヘッドレスブラウザーでレンダリングされます。プライベートネットワークやクラウドメタデータにはアクセスできません
• ダウンロードリンクは HMAC 署名付きで24時間後に期限切れとなり、レンダリングは32日後に削除されます
• アップロードされたファイルと生成されたメディアは、動画の作成にのみ使用されます。音楽には Freesound（CC0）、AI 音声ナレーションと Post Kit には Google Gemini、キャプションにはセルフホストされた Whisper モデルを使用します
• ポリシー全文：animation-machine.com/privacy · 利用規約：animation-machine.com/terms

サポート

[email protected] · animation-machine.com

© Cash Flow Crescendo Inc. このリポジトリのドキュメントは MIT ライセンスです。ホステッドサービスには Animation Machine の利用規約が適用されます。