Skip to content

Latest commit

 

History

History
139 lines (102 loc) · 8.59 KB

File metadata and controls

139 lines (102 loc) · 8.59 KB

BeatDesignの無限Canvasとローカル動画Editor

BeatDesign

ローカルで動くHiggsfieldのオープンソース代替
無限Canvasで画像と動画のワークフローを組み立て、ブラウザーネイティブのEditorで仕上げ、MCP対応Agentから同じProjectを操作できます。

ウェブサイト · クイックスタート · MCP · 製品ステータス

English · 简体中文 · 日本語

BeatDesignは、AI画像・動画制作のための独立したオープンソース、ローカルファーストのワークスペースです。Higgsfieldのような一貫した制作フローを、自分のマシンで実行、確認、拡張したい人に向けて作られています。

2つの制作モード、1つのProject

無限Canvas

プロンプト、画像、動画、音声を配置できます。ノードを接続し、アイデアを分岐させ、生成結果を比較して再利用し、ビジュアルワークフロー全体を1つのProjectに保存します。

動画Editor

Canvasの結果をローカルTimelineへ送ります。トリミング、分割、移動、音声ミックス、画像オーバーレイの配置と調整、SRT字幕のスタイル設定、AIによる別Takeの作成、プレビュー、ブラウザーでのMP4書き出しに対応します。

Studioは集中した生成画面を提供します。Assetsでは、読み込み済み・生成済みのファイルをCanvas、Editor、MCPから共通して利用できます。

BeatDesignを選ぶ理由

  • デフォルトでローカル保存。 Project、メディア、Canvasの状態、Timeline、生成履歴はローカルワークスペースに保存されます。
  • CanvasとEditorがつながる。 生成結果は再利用可能なProject Assetとなり、1つのツール内に閉じ込められません。
  • 好きなAgentを使える。 Codex、Claude Code、CursorなどのMCP Hostが、ブラウザーに表示されている同じProjectを読み取り、更新できます。
  • 生成サービスは自分で設定。 BeatAPIが組み込みProviderです。ローカルでの読み込み、配置、編集、プレビュー、書き出しにAPI Keyは不要です。
  • Forkしやすい設計。 Provider Adapter、Projectストレージ、Command Kernelには明確な拡張ポイントがあります。

アイデアから完成動画まで

プロンプトまたはローカルメディア
        ↓
無限Canvas ───── 接続、生成、分岐、比較
        ↓
共有Assets ───── 画像、動画、音声、派生Clip
        ↓
動画Editor ───── トリミング、配置、プレビュー、MP4書き出し
        ↑
任意のMCP Agent ─ 同じローカル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 Keyを追加します。ローカルファイルを選択しただけではProviderへアップロードされません。

起動方法を選ぶ

コマンド 起動するもの
pnpm dev ビジュアルワークスペース
pnpm dev:agent ビジュアルワークスペースとローカルHTTP MCP Endpoint
pnpm mcp コーディングAgent向けstdio MCP Server

AgentからBeatDesignを使う

BeatDesignはSkill、Project、Asset、Canvas、生成、Editor操作をカバーする29個のローカルMCPツールを提供し、内蔵Skillの検出と正式なTimelineからのMP4書き出しにも対応します。Agentによる変更は同じProjectサービスを通り、ブラウザーのワークスペースに表示されます。

MCP Hostへ接続した後は、次のように依頼できます。

最新のBeatDesign Projectを開き、このClipをTimelineへ追加し、ブランド画像のオーバーレイと字幕を調整して、確認できるようにEditorを開いてください。

プラットフォーム互換性

コーディングAgent / プラットフォーム ステータス クイックセットアップ
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 ✅ 対応 Connector設定
QwenWork ✅ 対応 HTTP Connector
Doubao Work ✅ 対応 HTTP Connector

Agent連携ガイドの詳細を見る →

現在利用できる機能

  • 画像・動画生成とStandard、Deep動画分析。
  • Canvas上の画像、動画、音声、生成、Timeline、テキストノード。
  • Studio、Canvas、Editor、MCPで共有されるProject Assets。
  • 画像、動画、音声、移動可能な画像オーバーレイ、スタイル付きSRT字幕トラックに対応した非破壊Timeline編集。
  • WebCodecsとMediabunnyによるローカルプレビューとブラウザー上のH.264/AAC MP4書き出し。
  • 英語、中国語、日本語のインターフェース。
  • ローカルstdioとStreamable HTTP MCP Transport。

BeatDesignの現行リリースは、ローカルでのショート動画制作に重点を置いています。ホスト型コラボレーション、複数の名前付きTimeline、高度なトランジション、速度変更、波形、デスクトップパッケージは今後の範囲です。

実装済み機能と計画の全体を見る →

プロジェクトガイド

ライセンス

BeatDesignはApache License 2.0で提供されます。BeatAPIおよびBeatDesignの商標、第三者モデルへのアクセス、同梱される第三者コンポーネントには、それぞれの条件が適用されます。第三者に関する通知商標ポリシーをご覧ください。