メインコンテンツまでスキップ
バージョン: 2.0.0-preview

AIエージェントによる編集

Beutlでは、AIコーディングエージェント(Claude Code、Codex、Cursor、Gemini CLI、GitHub Copilot など多数)から Model Context Protocol (MCP) を通じてプロジェクトを編集できます。エージェントはシーンを宣言的ドキュメントとして読み取り、JSON Merge PatchをBeutlのアンドゥ履歴経由で適用します。静止画やストーリーボードをレンダリングして、結果を確認することもできます。

Beutlには2つのMCPサーバーがあります。

  • Live MCP サーバー(推奨): Beutlアプリ内で動作し、エージェントを実行中のエディタに接続します。編集内容は作業中にプレビューとタイムラインへ反映され、すべての変更がアンドゥスタックに記録されます。
  • Stdio MCP サーバー(オプション): ヘッドレスプロセスとして動作し、GUIを起動せずにプロジェクトファイルを編集します。自動化向けのサーバーです。

アプリからのセットアップ

設定 → AI エージェント を開きます。

  1. インストール対象のエージェント(Claude Code、Codex、Cursor、Gemini CLI、…、または「カスタム」)と、インストール範囲(プロジェクト(プロジェクトフォルダーへ)またはグローバル(ユーザープロファイル))を選びます。
  2. コンポーネントからインストールする項目を選びます。
    • スキル: エージェントが必要に応じて読み込むBeutl編集ノウハウ
    • サブエージェント: タイムライン・ルック・品質レビュー用の専用エージェント定義
    • エージェントのMCP設定への Stdio MCP サーバー / Live MCP サーバー の登録
  3. インストールを押します。

MCP設定を自動で書き込めないエージェントでは、手動登録用のコマンド(例: claude mcp add --scope usercodex mcp add)が表示されます。

Live MCP サーバー

アプリの起動時にLiveエンドポイントも自動で開始されます。待ち受けるのはループバックのみです。

http://127.0.0.1:<port>/mcp

既定のポートは 59737 で、使用中の場合は次の空きポートが使われます。実際の Live MCP URL認証ヘッダー設定 → AI エージェント ページに表示されます。

すべてのリクエストで、標準ヘッダーにトークンを含める必要があります。トークンはパスワードと同様に扱ってください。

Authorization: Bearer <token>

MCPクライアント設定の例:

{
"mcpServers": {
"beutl-live": {
"type": "http",
"url": "http://127.0.0.1:59737/mcp",
"headers": { "Authorization": "Bearer <token>" }
}
}
}

接続すると、エージェントは attach_active_editor ツールを呼び出し、エディタで開いているシーンにセッションをバインドします。

Stdio MCP サーバー

ヘッドレスサーバーは独立したプロセスとして動作し、stdio経由でMCP通信を行います。環境変数 BEUTL_WORKSPACE で、サーバーがプロジェクトを作成・保存できるフォルダーを指定します(未指定時はカレントディレクトリ)。そのフォルダー外にあるファイルも読み取れます。

{
"mcpServers": {
"beutl-agent": {
"type": "stdio",
"command": "<path-to-stdio-server>",
"env": { "BEUTL_WORKSPACE": "/path/to/workspace" }
}
}
}
注記

設定ファイル名とトップレベルのプロパティ名はエージェントごとに異なります(多くは上記のとおり mcpServers ですが、例外もあります)。設定 → AI エージェント からインストールすれば、選択したエージェントに合った形式で書き込まれるため、通常は手動で編集する必要はありません。

利用できるツール(概要)

エージェントがMCP URLしか把握していない場合は、最初に get_started を呼び出します。このツールから簡潔な利用ガイドが返されます。

グループツール
セッションopen_project, create_project, add_scene, save_project, read_operation_status, attach_active_editor (Liveサーバーのみ)
クエリ / スキーマget_started, get_schema, read_document_summary, read_document, list_examples, get_examples, list_effects, list_effect_recipes, get_effect_recipe, list_compositions, get_composition, render_composition_patch, validate_shader, measure_object_bounds, compare_revisions, list_creative_directions, record_creative_direction, plan_original_scaffold
デザインderive_palette, get_background_grammar
編集apply_edit, duplicate_object, plan_composition, apply_composition
レンダー / 品質render_still, render_storyboard, evaluate_motion_variation, analyze_audio_rhythm, evaluate_edit_quality, preview_quality_risks, suggest_quality_fixes, final_preflight, export_video, read_render_job, cancel_render_job

主な編集ツールは apply_edit です。望ましい状態を宣言するドキュメント(JSON Merge Patch)を受け取り、検証したうえでBeutlの履歴経由でアトミックに適用します。エージェントによる変更も、ユーザーがアンドゥできます。

ソース