BeatDesign について
BeatDesignは、AI画像・動画制作向けのローカル優先ワークスペースで、1つのプロジェクト内で制作フローを構築・編集できます。Canvas、ブラウザ動画エディター、共有アセット、エージェント操作が同じプロジェクトにつながります。
主な機能
- 01メディア制作向け無限Canvas
- 02ブラウザのタイムライン動画エディター
- 03各モードで共有するアセット
- 04ローカルプレビューとMP4書き出し
- 05英語・中国語・日本語のUI
活用シーン
- 01画像や動画の生成結果を分岐・比較
- 02タイムラインでクリップと音声を配置
- 03画像オーバーレイと装飾付きSRT字幕の追加
- 04エージェントによるプロジェクト編集
MCP 対応
BeatDesignはローカルstdioとStreamable HTTPのMCPトランスポートを提供します。MCPクライアントはプロジェクト、アセット、Canvas、生成、エディター操作のツールを利用でき、エージェントの変更はブラウザのワークスペースに反映されます。
設定
ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。
このサーバーのパッケージやリモートエンドポイントはまだ取得できていません。プロジェクトの README の手順に従ってください。
ツール
ローカルサーバーのツールはマシン上で起動して初めて取得できます。メンテナーはまだツール一覧を提供していません。
詳細
BeatDesign
ローカルで使える Higgsfield の代替ツールです。
無限キャンバスで画像や動画のワークフローを構築し、ブラウザー上で動作するエディターで仕上げましょう。同じプロジェクトで、MCP 対応のあらゆるエージェントを利用できます。
ウェブサイト · クイックスタート · MCP · 製品の状況
BeatDesign は、AI による画像・動画制作のための、独立したオープンソースのローカルファーストなワークスペースです。Higgsfield のようなツールが提供する一貫したクリエイティブワークフローを求めながら、自分のマシンで実行、調査、拡張できるワークスペースを使いたい方のために作られています。
最新リリース — v0.2.5 · October 2026
GitHub Release v0.2.5 および @beatapi/[email protected] で利用できます。WorkBuddy のマーケットプレイス審査と公開状況は別途管理されています。
既存のソースチェックアウトをお使いの場合は、BeatDesign を停止し、git pull --ff-only、pnpm install --frozen-lockfile、pnpm db:push の順に実行してから、pnpm dev:agent(または通常お使いの UI/MCP コマンド)を再起動してください。ローカルのデータディレクトリはそのまま保持してください。再インストールやプロジェクトのリセットは不要です。
- プロジェクト設定: 名前と説明を編集し、カバー画像をアップロードまたは選択したり、自動画像またはローカル動画のポスターに戻したりできます。手動で選択したカバーは、その後のインポートや生成後も選択状態が維持されます。プロジェクトカードまたはワークスペースヘッダーにある設定アイコンを開いてください。
- 生成バージョンの一貫性: Canvas のプレビューと Take の選択で、最新の成功した出力が一致します。手動での選択と具体的なタイムラインの Asset は保持されます。
- プロジェクトをすばやく開く: Canvas または Studio を選択すると、プロジェクトが一つ作成され、再試行保護付きで直接開きます。
- 信頼性の高い音声書き出し: MCP のタイムラインレンダリングでは、連続するショット間でクリップゲインが保持され、音声が重なる場合にはピークが保護されます。
- 30 個の MCP ツール: エージェントは UI と同じリビジョン確認付きコマンド経路でプロジェクト設定を更新できます。Canvas の元に戻す/やり直しでは、意図的に空にした Canvas を保存できます。Windows でのテスト移植性と狭い画面でのレイアウトが改善されています。
すでに利用可能な機能:末尾フレームからの続きの生成、Canvas から Editor への引き継ぎ、画像オーバーレイ、スタイル付き SRT 字幕、ブラウザー標準の MP4 書き出し、MCP のタイムラインレンダリング。ブラウザーでの書き出しにシステム FFmpeg は不要です。MCP でのフレーム抽出には ffmpeg が必要で、MCP のタイムラインレンダリングには ffprobe も必要です。
変更の詳細 · プロジェクト設定 · 現在の対象範囲とロードマップ
現在のソース(未リリース)では、Canvas グループと配置の永続化、Asset フォルダー、バージョンを正確に指定した Elements と再利用可能なローカルワークフローテンプレートが追加され、MCP ツールは 38 個になっています。これらの変更は v0.2.5 の npm パッケージには含まれていません。整理ガイド。
2 つのクリエイティブモード、1 つの Project
Infinite Canvas
プロンプト、画像、動画、音声を追加できます。ノードを接続し、アイデアを分岐させ、生成結果を比較し、出力を再利用しながら、ビジュアルワークフロー全体を 1 つのプロジェクト内に保持できます。
Video Editor
Canvas の結果をローカルのタイムラインに変換できます。トリミング、分割、移動、音声のミックス、画像オーバーレイの配置と変換、SRT 字幕のスタイル設定、別バージョンの AI Takes の作成、プレビュー、ブラウザーでの MP4 書き出しができます。
Studio では、生成に特化した画面を利用できます。Assets を使えば、インポートしたファイルと生成したファイルをすべて Canvas、Editor、MCP で利用できます。
BeatDesign を選ぶ理由
- ローカルがデフォルトです。 プロジェクト、メディア、Canvas の状態、タイムライン、生成履歴はローカルのワークスペースに保持されます。
- Canvas と Editor は連携しています。 生成結果は、1 つのツール内で消えるのではなく、再利用可能なプロジェクト Asset になります。
- お好みのエージェントを利用できます。 Codex、Claude Code、Cursor、その他の MCP ホストから、ブラウザーで表示しているものと同じ Project を確認、更新できます。
- お好みの生成アクセス手段を利用できます。 組み込みプロバイダーは BeatAPI です。ローカルでのインポート、配置、編集、プレビュー、書き出しには API キーは必要ありません。
- フォークしやすい基盤です。 プロバイダーアダプター、プロジェクトストレージ、コマンドレイヤーは、明確な拡張ポイントとして設計されています。
アイデアから完成した動画まで
Prompt or local media
↓
Infinite Canvas ─── connect, generate, branch, compare
↓
Shared Assets ───── images, video, audio, extracted clips
↓
Video Editor ────── trim, arrange, preview, export MP4
↑
Any MCP Agent ───── works in the same local Project
クイックスタート
必要な環境は Node.js 22 以降、pnpm 10 以降、macOS または Windows 上の最新の Chrome ブラウザーです。
pnpm install
pnpm db:push
pnpm dev
http://127.0.0.1:3020 を開きます。
メディアを生成または分析する場合、あるいは AI によるやり直しを使う場合にのみ、ご自身の BeatAPI API キーを追加してください。ローカルファイルを選択しても、プロバイダーにアップロードされることはありません。
BeatDesign の実行方法を選択する
| コマンド | 起動するもの |
|---|---|
pnpm dev | ビジュアルワークスペース |
pnpm dev:agent | ビジュアルワークスペースとローカル HTTP MCP エンドポイント |
pnpm mcp | コーディングエージェント用の stdio MCP サーバー |
BeatDesign をエージェントと使う
現在のソースでは、Skills、Projects、Assets、Canvas、生成、Editor の操作に対応する 38 個のローカル MCP ツール(v0.2.5 のパッケージでは 30 個)が公開されており、組み込みの Skill 検出と、信頼性の高い MP4 タイムラインレンダリングも利用できます。エージェントによる変更には同じプロジェクトサービスが使われ、ブラウザのワークスペースに反映されます。
MCP ホストに接続したら、次のように依頼できます。
最新の BeatDesign プロジェクトを開き、これらのクリップをタイムラインに追加して、ロゴのオーバーレイを配置し、字幕を調整して、確認用に Editor を開いたままにしてください。
プラットフォームの対応状況
| コーディングエージェント/プラットフォーム | 状況 | クイックセットアップ |
|---|---|---|
| Claude Code | ✅ 対応 | プラグインまたは MCP 設定 |
| Codex | ✅ 対応 | プラグインのセットアップ |
| ZCode | ✅ 対応 | MCP 設定 |
| OpenCode | ✅ 対応 | MCP 設定 |
| Cursor | ✅ 対応 | MCP 設定 |
| Windsurf | ✅ 対応 | MCP 設定 |
| VS Code + GitHub Copilot | ✅ 対応 | MCP 設定 |
| Cline / Roo Code | ✅ 対応 | MCP 設定 |
| Qwen Code | ✅ 対応 | MCP 設定 |
| Gemini CLI | ✅ 対応 | MCP 設定 |
| Hermes Agent | ✅ 対応 | MCP 設定 |
| Kiro | ✅ 対応 | MCP 設定 |
| Trae | ✅ 対応 | MCP 設定 |
| WorkBuddy | ✅ 対応 | コネクターのセットアップ |
| QwenWork | ✅ 対応 | HTTP コネクター |
| Doubao Work | ✅ 対応 | HTTP コネクター |
現在利用できる機能
- 画像と動画の生成、および Standard と Deep の動画分析。
- Canvas 上の画像、動画、音声、生成、タイムライン、テキストの各ノード。
- Studio、Canvas、Editor、MCP で共有されるプロジェクトアセット。
- 画像、動画、音声、移動可能な画像オーバーレイ、スタイル設定可能な SRT 字幕トラックに対応する非破壊のタイムライン編集。
- WebCodecs と Mediabunny を使用した、ローカルプレビューとブラウザー側での H.264/AAC MP4 エクスポート。
- 英語、中国語、日本語のインターフェース。
- ローカルの stdio および Streamable HTTP MCP トランスポート。
BeatDesign は現在、ローカルでの短尺コンテンツ制作ワークフローに重点を置いています。ホスト型コラボレーション、名前付きタイムラインの複数作成、高度なトランジション、速度コントロール、波形表示、デスクトップアプリ化は、現在のリリースの対象外です。
プロジェクトガイド
ライセンス
BeatDesign は Apache License 2.0 のもとでライセンスされています。BeatAPI および BeatDesign の商標、サードパーティモデルへのアクセス、バンドルされたサードパーティコンポーネントには、それぞれの利用規約が適用されます。サードパーティに関する通知および商標ポリシーをご覧ください。
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。