OpenDesign: DESIGN.md を軸に成果物を作るローカルデスクトップ環境

OpenDesign、閉じたデザインループへのオープンソースの回答

Open Design は、リポジトリが Anthropic の Claude Design のオープンソース代替として説明する TypeScript プロジェクトです。macOS と Windows 向けのローカルファーストのネイティブデスクトップアプリとして位置づけられ、マシン上にすでにあるコーディングエージェントをデザインエンジンに変えます。プロジェクトは独自のエージェントを同梱せず、Claude Code、Codex、Cursor、Copilot、および約20以上の他の CLI 実行ファイル、または BYOK プロキシ経由の OpenAI 互換エンドポイントに依存します。README はこの対比を、エージェントが読み書き・再構成できるスキル、デザインテンプレート、デザインシステム、プラグインのファイルシステムで、閉じたクラウド専用ループを置き換えるものとして示しています。

OpenDesign、Studioが生み出す成果物

プロジェクトの Studio では、1つのデザインシステムが複数のアーティファクトタイプを生み出します。プロトタイプは単一ページの HTML ファイルで、サンドボックス化された iframe でレンダリングされ、ソースとしてダウンロードできます。ライブダッシュボードとデシジョンルームは tweaks パネルを公開し、エージェントがマニフェストを出力して、リロードなしで iframe が再レンダリングされます。デッキはプレゼンテーションのようにページ送りでき、PPTX または PDF にエクスポートできます。画像は高解像度で生成され、動画は HeyGen のオープンソースのエージェントネイティブフレームワークとされる HyperFrames を通じて、ヘッドレス Chrome と FFmpeg で HTML、CSS、GSAP を決定論的な MP4 にレンダリングします。README はエクスポートパスとして HTML、PDF、PPTX、MP4、ZIP、Markdown を挙げ、HyperFrames の例として 1920×1080、30fps を記載しています。

OpenDesign、コーディングエージェントへのインストール

コーディングエージェントへの導入経路は単一のコマンドです: od mcp install <agent> は stdio MCP サーバーを対象エージェントの設定に配線します。互換性テーブルは Claude Code と Codex から Cursor、Copilot、OpenClaw、Kimi、Mistral Vibe まで17のサポート対象エージェントを列挙し、--print ドライランと --uninstall フラグも示します。macOS ではシステムの od 八進ダンプユーティリティが Open Design のバイナリを覆い隠す可能性があるため、README はデスクトップアプリのユーザーに絶対パスを使う設定パネルのスニペットを案内します。open-design.ai には curl ベースのセットアップ用のホスト型インストールスクリプトもあり、同じコマンドの薄いラッパーと説明されています。

OpenDesign、ブランド契約としてのDESIGN.md

デザインシステムの考え方は DESIGN.md を中心に構築されています。これはすべてのレンダリングがブランド仕様として読む Markdown 契約です。リポジトリには151のデザインシステムパッケージが同梱され、古いものはそのファイルだけの場合もありますが、新しいパッケージは manifest.json、コンパイル済み tokens.css、コンポーネントフィクスチャ、アセット、来歴情報を追加できます。README は、デザイナーがスクリーンショットや URL を置き、エージェントが再利用可能な DESIGN.md をコード化し、それがすべての出力を形作るワークフローを説明します。カタログはカテゴリ別に整理され、AI/LLM ツール、開発者ツール、フィンテック、eコマース、メディア、自動車ブランドを扱います。システムを切り替えると、次のレンダリングは新しいトークンを使います。

OpenDesign、プラグイン、スキル、テンプレート

拡張性は4つの平面で構成されます: プラグインは実行可能なワークフローを、機能スキルはエージェントの振る舞いを、デザインテンプレートはレンダリングの設計図を、デザインシステムはブランドを運びます。README はスキルディレクトリに100以上の機能スキル、prototype と deck の2モードを軸とする別のレンダリングテンプレートカタログ、プラグインディレクトリに277の公式プラグインと183のリミックス可能な参照例を数えます。プラグインは open-design.json マニフェストを軸とするポータブルなディレクトリで、エージェントスキルとシナリオのエントリには SKILL.md が必要です。README は scaffold と検証コマンドを文書化し、コミュニティフォルダと外部レジストリへの公開フローを説明します。

OpenDesign、セキュリティモデルとSSRFガード

README はセキュリティモデルとして、デーモンがデフォルトで読み取り専用、127.0.0.1 にバインドし、プロキシエッジでサーバーサイドリクエストフォージェリをブロックすると説明します。LAN 公開には明示的なバインドホストと許可オリジン変数が必要で、コネクタの資格情報とライブアーティファクトのプレビュールートは常にループバックのみです。プライベートアドレス上の内部ホスト型モデルエンドポイント（LiteLLM や Ollama など）は、ベアホスト名または IP を受け入れる環境変数で許可リストに追加できます。許可リストは厳格で、ホストを完全一致させ、デフォルトで空です。不正なエントリは警告とともに破棄され、プロバイダホストが許可リストにあっても、上流レスポンス内のダウンロード URL に対するガードはブロックされたままです。

OpenDesign、アーキテクチャとロードマップの現状

アーキテクチャ図は、Next.js 16 のブラウザフロントエンドまたは Electron シェルが、SQLite で支えられたローカルの Express デーモンと通信し、OpenAI 互換エンドポイント用のプロキシパスと MCP stdio サーバーを持つことを示します。デーモンは管理されたプロジェクト作業ディレクトリでコーディングエージェント CLI を起動します。ロードマップは 0.8.0 から 0.13.0 をリリース済みとし、プラグインマーケットプレイス、公式クラウドモデルサービス、オールインワンのデザインワークスペース、コミュニティマーケットプレイス、ブランド対応デザインシステム、セッション再開を挙げます。コメントモードの外科的編集は部分的にリリース済みで、tweaks パネル UX、npx od init の scaffold、プラグイン SDK CLI は未構築です。リポジトリは Apache-2.0 ライセンスで、ライセンス抜粋は使用・複製・配布の著作権と特許権を付与しますが、保証、サポート、セキュリティ保証には触れていません。

編集部の結論

OpenDesign: DESIGN.md を軸に成果物を作るローカルデスクトップ環境 は、README に記載された機能と前提が一致する利用者に候補になります。README は 0.8.0 から 0.13.0 をリリース済みとし、コメントモードの編集を部分的にリリース済みとしていますが、tweaks パネル UX とプラグイン SDK CLI は未構築です。ソース資料はパフォーマンスベンチマーク、採用指標、セキュリティ監査結果を提供しておらず、これらは未検証のままです。 導入前には、README にある nexu io 固有の初期コマンドを隔離環境で実行し、生成物、ログ、権限、対応版を確認してください。

公式情報源

1. Official documentation
2. Official README
3. Project repository
4. Release notes