Yogurt Icon プラグインv1.1.1

Codex に Yogurt Icon をインストールして、チャットからアイコンを探せます。英語・中国語で検索し、プロジェクト用の SVG や React JSX を取得できます。

01

Codex にインストール

ローカルマーケットプレイス用パッケージを使って、Codex デスクトップアプリにインストールします。

ローカルインストール用 ZIPバージョン 1.1.1 · ZIP

ZIP を継続して使用するフォルダーに展開します。隠しフォルダーの .agents を残し、展開先でターミナルを開いて次のコマンドを実行してください。

ターミナル
codex plugin marketplace add .

Codex を更新または再起動します。プラグイン一覧で「Yogurt 本地插件」を選び、Yogurt Icon をインストールして有効にしてください。

ポータブルプラグインパッケージ

プラグイン配布や、この形式に対応するクライアント向けです。プラグインの定義と接続設定を含みますが、ローカルマーケットプレイスは含みません。上記の手順にはローカルインストール用 ZIP を使用してください。

ポータブル ZIP をダウンロード
02

Yogurt アカウントを接続

プラグインはオンラインのアイコンライブラリに接続します。クライアントの案内に従ってログインしてください。

  1. 新しいチャットで @ を入力し、Yogurt Icon を選びます。設定アイコンを探すよう依頼してください。
  2. 接続を求められたら、ブラウザーで Yogurt にログインするかアカウントを作成します。メールアドレスでの新規登録にはメール認証が必要です。
  3. 認可ページでアプリを確認してアクセスを許可し、Codex に戻って続けます。

現在のすべての機能は無料です。プラグインの接続には、有効で認証済みのアカウントが必要です。

03

必要なアイコンを依頼

チャットで Yogurt Icon を選び、アイコンの用途、スタイル、出力形式を指定します。

Yogurt Icon でアウトラインの設定アイコンを探してください。サイズは 24px、線幅は 1.5 で、SVG を返してください。

Yogurt Icon でナビゲーション用のホーム、検索、ユーザーのアイコンを探してください。スタイルをそろえた 24px の React JSX を返してください。

アシスタントはライブラリを検索してからアイコンを取得します。アウトライン・塗りつぶしのスタイル、サイズ、SVG・JSX の出力形式を指定できます。

インストールのヘルプ

選択欄に Yogurt Icon が表示されない

展開先のフォルダーでコマンドを実行したことと、隠しフォルダー .agents が残っていることを確認してください。インストールして有効にしたら、一覧を更新するか Codex を完全に再起動し、新しいチャットを開きます。

以前のバージョンから更新する

バージョン 1.1.1 をダウンロードして、マーケットプレイスの展開先を置き換え、インストール済みプラグインを更新してください。1.0.x はアカウント認証を使用していなかったため、更新後に再接続してログインしてください。

Cursor や Claude Code などを使う場合

MCP を使って同じアイコンライブラリに直接接続できます。MCP ページにクライアント設定とツールの説明があります。

MCP の接続手順へ
公式ドキュメント