nexu-io/open-design

The 1st Collaborative AI Design Agent Workspace. Local-first and open source. Create prototypes, websites, apps, dashboards, presentations, images, and videos with your team and AI agents. Share work, exchange feedback, and iterate together in one workspace.

OpenDesign – コラボレーティブ AI 搭載デザインワークスペース

概要 – OpenDesign は、デスクトップファーストのアプリケーションで、チームが大規模言語モデル(LLM)コーディングエージェントと協力して、Web プロトタイプ、スライドデッキ、画像、ダッシュボード、モーショングラフィックスビデオなどのデザイン成果物を作成、反復、出荷できるようにします。この製品は独自の AI モデルを同梱せず、代わりにプラグイン / MCP システムを介してインストール済みの「コーディングエージェント」(Claude、Codex、DeepSeek、Cursor、Copilot など)に接続し、ユーザーがすでに信頼しているモデルを選択できるようにします。

主な機能

  • ワークスペースとスタジオ – 単一のプロジェクトビューで、ブリーフ(DESIGN.md に記述)がエージェントを駆動して、ライブプレビュー HTML、React/Vue コード、スライドデッキ、または画像/ビデオアセットを生成します。UI にはライブ iframe、エージェントとのチャット形式の会話、デザインシステムトークンのパネルが表示されます。
  • デザインシステムとテンプレート – 150 以上の既製デザインシステムパッケージ(ブランドアセット、CSS トークン、オプションのコンポーネントライブラリ)と、エージェントがレンダリング時に参照できる数十の HTML ベースのプロトタイプ / デッキテンプレート。
  • プラグイン / スキル – 再利用可能でバージョン管理されたディレクトリで、エージェント駆動のワークフロー(例:「ダッシュボードを生成」、「ハイパーフレームビデオを作成」)を公開します。ユーザーは公式プラグインをインストールするか、独自のプラグインを作成できます。
  • マルチモデルサポート – 26 以上のコーディングエージェント CLI(Claude、Codex、DeepSeek Harness、Cursor、Copilot など)用の組み込みアダプター。インストールは od mcp install claude のような 1 行で完了します。
  • ローカルファーストと BYOK – ユーザーのマシン上で完全に実行されます(macOS/Windows、Linux はソースビルド)。BYOK プロキシを使用すると、SSRF 保護付きで、デーモンを任意の OpenAI 互換エンドポイントにポイントできます。
  • エクスポートオプション – プロトタイプはサンドボックス化された HTML、デッキは HTML/PDF/PPTX/ZIP/Markdown、画像はプロンプトテンプレートから、ビデオはオープンソースの HyperFrames エンジン(HTML + CSS + GSAP → ヘッドレス Chrome + FFmpeg を使用した決定論的 MP4)を介して生成できます。

典型的なワークフロー

  1. ブリーフを作成 – DESIGN.md を書くか、例を選択します。
  2. コーディングエージェントを選択 – 必要な CLI をインストールします(od mcp install codex)。
  3. 生成 – エージェントがブリーフ、アクティブなデザインシステム、テンプレートを読み取り、ライブプレビューを見ながらコード/アセットをストリーミングで返します。
  4. 反復 – 会話を続け、「調整パネル」でパラメータを微調整すると、iframe が即座に更新されます。
  5. エクスポート / ハンドオフ – 最終的な HTML、PPTX、または MP4 をダウンロードするか、生成されたコードを開発者が改良するためにリポジトリにプッシュします。

重要性 – LLM を単なる汎用チャットボットではなくデザインエンジンとして扱うことで、OpenDesign は製品チームに、ブランド一貫性のある UI/UX 成果物のための反復可能でバージョン管理されたパイプラインを提供し、データをローカルに保ち、モデルに依存しません。


クイックスタート(README より)

  • デスクトップダウンロード – プリビルドの macOS(Apple Silicon および Intel)と Windows バイナリが提供されています。Linux ユーザーはソースからビルドできます。
  • 3 コマンドセットアップ – README のバッジは QUICKSTART.md を指しており、わずか 3 つのコマンド(ダウンロード、コーディングエージェントのインストール、od daemon start の実行)で開始できると主張しています。

ライセンス – Apache 2.0。


上記の詳細はすべてリポジトリの README から直接取得したものであり、追加機能は推測されていません。

関連

  • プロジェクト
  • プロジェクト
  • プロジェクト
  • プロジェクト
  • プロジェクト