プロダクトローンチ
@open-design Create a tactile product launch page for Oryzo, a sustainable rice-husk material. Use a cutting-mat grid, cork-toned product photography, oversized typography, technical labels, and a warm editorial layout. 以下の指示を、お使いの ChatGPT デスクトップアプリの任意のタスクに入力してください
Read open-design.ai/codex-plugin to install the Open Design plugin and set up a new task for me. まず Codex と Open Design のワークスペース全体を確認し、実際のインストールから完成までの流れを順番にたどれます。
01 インストール
この指示を Codex のタスクに貼り付けます。Codex がリポジトリのインストール手順を読み、公開マーケットプレイスに依存せず、プラグインとローカル MCP の設定を完了します。
Read open-design.ai/codex-plugin to install the Open Design plugin and set up a new task for me. 02 使う
インストールが完了したら、新しいタスクでインストール済みの Open Design プラグインを開き、「Try now」を選んで始めます。
03 制作
Open Design をメンションし、作りたい成果物、必要な内容、ビジュアルの方向性、レスポンシブ対応の要件を伝えます。
04 制作
Codex が方向性を確認してプロジェクトを作成し、Open Design へ作業を引き継ぎます。生成されたファイルもその場で表示されます。
05 制作
同じタスク内に、レスポンシブな Goodfield カフェのランディングページ、生成画像、編集可能なファイルが返ってきます。
Codex のプラグインメニューから Open Design を選び、作りたい成果物を説明します。同じタスクの中で、続けて調整を重ねられます。プラグインへのメンションは、Codex 上で Open Design のチップとして表示されます。
@open-design Create a tactile product launch page for Oryzo, a sustainable rice-husk material. Use a cutting-mat grid, cork-toned product photography, oversized typography, technical labels, and a warm editorial layout.
@open-design Create an event landing page for Open Design Osaka. Lead with a typographic map of Japan, restrained ivory and olive colors, the date and location, speaker details, and a clear registration action.
@open-design Create a dark editorial website for Fable 5. Use a near-black canvas, small navigation, a bold serif headline, restrained white typography, and subtle interactive controls.
@open-design Create an interactive release story for Open Design 0.9.0. Visualize a model timeline on a bright canvas with floating cards, connecting lines, color-coded labels, and responsive horizontal exploration. タスクの進行は Codex が担い、Open Design がビジュアル制作のワークフローを担当します。
Web サイト、スライド、プロトタイプ、デザインシステムを作るための Open Design ワークフローが Codex に加わります。プラグインはローカルの Open Design MCP に接続し、ブリーフ作成、プロジェクト管理、成果物の生成を行います。
現在のパッケージは Codex Desktop と Codex CLI に対応しています。最初に対応するホストは Codex です。
Codex CLI 0.144.6 以降と Open Design 0.17.0 以降が必要です。ローカル MCP を登録する前に Open Design をインストールしてください。
Codex はタスクの開始時にプラグインと MCP の機能を読み込みます。新しいタスクを始めることで、インストールした Open Design Cloud プラグインが利用できるようになります。
いいえ。登録済みのローカル MCP が必要に応じて、署名済みの Open Design ランタイムをバックグラウンドで起動できます。
プラグインをインストールしてローカル MCP を接続し、 @open-designを呼び出します。