open-design

open-design

カタログ用の概要 — 完全なプラットフォーム：nexu-io/open-design

インストール

Open Design はアプリケーション（Web UI を備えたローカルデーモン、オプションのデスクトップアプリ、MCP サーバー）であり、skills CLI でインストールできるスキルではありません。いずれかの方法を選んでください。デスクトップアプリ（macOS Apple Silicon または Intel、Windows x64）：open-design.ai または github.com/nexu-io/open-design/releases からダウンロードしてください。Node、pnpm、クローンは不要です。ソースからインストール（Linux で利用できる唯一の方法。Node ~24 と pnpm 10.33.x が必要）：git clone https://github.com/nexu-io/open-design.git && cd open-design && corepack enable && pnpm install && pnpm tools-dev run web を実行し、表示された URL を開いてください（リポジトリは約 3.4 GB あるため、ダウンロードを短縮するにはクローン時に --depth 1 を追加してください）。お使いのコーディングエージェント内からは、od mcp install claude を実行して（ほかのエージェントでは codex、cursor、opencode などを指定してください）、MCP 経由で Open Design に接続します。macOS のデスクトップでは、od が /usr/bin/od（8 進ダンプ）を指す場合があるため、その場合はアプリの Settings、MCP server からスニペットをコピーしてください。

注意事項

• 必要条件： PATH 上にあるコーディングエージェントの CLI（Claude Code、Codex、Cursor Agent など）、またはアプリの Settings で設定した BYOK モデル API キー。ソースからインストールする場合のみ、Node ~24 と pnpm 10.33.x も必要です
• ライセンス： Apache-2.0

インストール後の使い方

エージェントを MCP 経由で接続したら、「open-design を使って Linear のデザインシステムでランディングページを生成して」のように、自然な言葉で依頼してください。デスクトップアプリまたは Web アプリで、エントリービューに概要を入力し、ランタイム、デザインテンプレート、デザインシステムを選択して、Send を押します。デーモンの起動時にローカル URL が表示されます（ソースから実行する場合、開発用ポートは動的に割り当てられます）。

できること

ローカルファーストのデザイン製品です。PATH 上のコーディングエージェント CLI を検出するか、BYOK API キーを使用し、機能的なデザインスキル、レンダリングテンプレート、デザインシステムを多数読み込み、生成したファイルをサンドボックス化されたプレビューにストリーミングします。出力には、Web プロトタイプ、SaaS ランディングページ、ダッシュボード、モバイルのオンボーディングフロー、デッキ、メールテンプレート、ソーシャルカルーセル、ポスター、モーションフレーム、スプライトアニメーションが含まれます。セルフホスト可能で、ベンダーロックインがなく、ほかのエージェントが Open Design プロジェクトを読み取れるよう MCP サーバーも備えています。

使用しないほうがよい場合

• プラットフォームのオーバーヘッドに見合わない、単一スキルのタスク（たとえばブリーフには design-brief など、個別のスキルを直接インストールしてください）
• クラウド専用環境（CI、サーバーレス）、または永続的なローカルプロセスを実行できないマシン
• ビルド済みアプリを必要とする Linux デスクトップ（現時点では用意されていないため、ソースからインストールする方法のみ利用できます）