本文へスキップ
Codex DesignBETA
次のクリエイティブワークスペースへ

Codex Design をインストール。

必要なのはプロンプト 1 つだけ。新しい Codex の会話にコピーすれば、エージェントがプラグインをインストールします。

CODEX に貼り付け
/goal https://codexdesign.io/install.md を読んで、Codex に Codex Design をインストールしてください。エージェント向けのプレーンテキスト手順 ↗

01 / インストールの前に

プラグインに対応した Codex、Codex CLI、Git、そして MCP プロセスの PATH 上にある Node.js 22.12 以降が必要です。インストール前に次の項目を確認してください。

codex plugin --help
git --version
node --version

標準パッケージは macOS と Linux 向けです。ネイティブ Windows 用に PowerShell ランチャーと .mcp.windows.json を同梱していますが、Windows での動作はエンドツーエンドでは確認できていません。プラットフォーム固有の変更を加える前に、この制限について説明してください。

02 / エージェントへの指示

プラグインは、公開 Git マーケットプレイス ummydev/codexdesign の main ブランチで配布しています。GitHub アカウントやプライベートリポジトリへのアクセス権は不要です。

このリモートリポジトリの Git マーケットプレイスからインストールします。次のコマンドを順番に実行してください。

codex plugin marketplace add ummydev/codexdesign --ref main
codex plugin add codexdesign@codexdesign-github
codex plugin list

公開リポジトリは ummydev/codexdesign です。プラグイン ID は codexdesign、マーケットプレイス名は codexdesign-github です。リリースは main ブランチの plugins/codexdesign/ にあります。

マーケットプレイスがすでに存在する場合は、codex plugin marketplace list を確認し、リポジトリとブランチが一致していることを確かめてから、次を使います。

codex plugin marketplace upgrade codexdesign-github
codex plugin add codexdesign@codexdesign-github
codex plugin list

以前のプライベートプレビューを ummydev/codexcanvas からインストールしていた場合は、プレーンテキストのガイドにあるマーケットプレイスの移行手順に従ってください。プラグインがインストールされ、有効になっていることを確認し、取得できればバージョンを報告してください。必要なコマンドが失敗した場合は、成功したと報告せずに、そのコマンドとエラーを報告してください。

  • ローカルの開発用チェックアウトや個人用マーケットプレイスではなく、リモートの Git マーケットプレイスを使ってください。
  • ワークスペース、マーケットプレイスのスナップショット、プラグインのキャッシュで、npm install、npm ci、その他のビルドコマンドを実行しないでください。
  • React Flow などの依存パッケージを手動でインストールしないでください。プラグインにはビルド済みの MCP サーバーとフロントエンドが含まれています。
  • エラーを回避するために、個人用マーケットプレイスへクローンしたり、ソースからビルドしたりしないでください。
  • 前提条件が足りない場合は、何が足りないかを説明してください。別のランタイムを黙ってインストールしないでください。
  • ユーザーのキャンバスプロジェクトと設定はそのまま残してください。

03 / 再起動して、作り始める

インストールが終わったら、Codex を完全に終了して再起動します。プラグインのスキルとツールが読み込まれるよう新しい会話を開き、次のように試してみてください。

Codex Design を使って、ログインページの方向性を 3 案考えて
キャンバスを開いて。

エージェントへ:ユーザーに再起動を促してください。現在の会話ですでに新しいツールが使えるとは考えないでください。別のタスクを作成するのは、ユーザーが明示的に頼み、ホストが対応している場合だけにしてください。

ワークスペースを最新に保つ

キャンバスのデーモンは Codex とは独立して動いています。アップデートの前に、古い Codex Design のデーモンが動いている場合は、インストール済みのプラグインの場所を探し、そのディレクトリで node scripts/start.cjs stop を実行します。上のコマンドでマーケットプレイスを更新して再インストールしたら、Codex を再起動して新しい会話を開いてください。

追加の API キーは不要。作品はあなたのもの。

プラグイン専用のトークン残高はありません。Codex の利用権限、プランの上限、該当する利用料金はこれまでどおり適用されます。モデルを無制限・無料で使えるわけではありません。

キャンバスプロジェクトと素材はローカルに保存されます。保存先は標準で ~/.codex-design-plugin/projects です。Codex に共有したコンテキストやファイルを Codex がどう処理するかは変わりません。プラグインをアップデートしても、プロジェクトデータを削除する必要はありません。

Codex Design は Codex 向けの独立したプラグインです。OpenAI との提携や、OpenAI による承認はありません。