使い方ガイドへスキップ
imagegen作者 OpenAI

ImageGen スキル。

Claude Code と Codex 向けの画像作業スキル:ラスター画像の生成・編集(イラスト、写真、テクスチャ、スプライト、モックアップ)を行います。

  • 画像と生成アート
  • Image
openai/skills · skills/.system/imagegen/SKILL.mdSKILL.md
--- name: imagegen description: Generate or edit raster images when the task benefits from AI-created bitmap visuals such as photos, illustrations, textures, sprites, mockups, or transparent-background cutouts. Use when Codex should create a brand-new image, transform an existing image, or derive visual variants from references, and the output should be a bitmap asset rather than repo-native code or vector. Do not use when the task is better … --- ## Top-level modes and rules ## When to use ## When not to use ## Decision tree ## Workflow ## Prompt augmentation
2026-09-14 にアップストリームファイルから読み取られたフロントマターとセクション見出し · 全16,170文字

01 できること

Claude CodeとCodexにおけるimagegenスキルの機能

概要、ワークフロー、出力。いずれもスキルの SKILL.md から読み取った内容です。

SKILL.md より2026年9月14日読取 · 実行記録ではありません

スキル自身の言葉で

Imagegenは、Codexにラスター画像のワークフローを提供します:写真、イラスト、テクスチャ、スプライト、モックアップ、透明背景の切り出しなどのビットマップアセットを生成または編集し、完成したファイルをプロジェクトに取り込みます。トップレベルのモードは2つ定義されています:APIキーを必要としない推奨の組み込みimage_genツールと、OPENAI_API_KEYを要求するscripts/image_gen.pyによる明示指定限定のCLIフォールバックです。

このファイルは、意図(生成か編集か)を実行方法(1つのアセットか複数か)から分離し、プロンプト、逐語的なテキスト、制約、役割ラベル付きの入力画像を収集して、ラベル付きスキーマに再構成します。最後に、被写体、スタイル、構図、テキストの正確性に対する検証、単一変更の反復、そして非破壊的な保存で締めくくられます。

生成されるもの

  • ユーザーがラスター風のアセットを求めた場合に、SVG、HTML/CSS、canvasのプレースホルダーではなく、image_genを通じて生成されたビットマップ画像。
  • 最終的に選ばれた画像がワークスペースに移動またはコピーされ、参照または利用するコードがそれを指すように更新された状態。
  • ワークスペースに紐づく任意のアセットの最終保存パス、最終プロンプト、そしてどのモードがそれを生成したかを示す完了レポート。
  • 明示指定限定のCLIフォールバックの場合のみ、最終成果物はoutput/imagegen/以下に書き込まれます。
プロンプト例を見る ↗

仕組み

  1. 01
    まずトップレベルのモードを選択する

    通常の生成・編集は組み込みのimage_genツールを通じて行われます。バンドルされたCLIは、ユーザーが名前を指定してリクエストしなければならないフォールバックです。

  2. 02
    リクエストを生成か編集かに分類する

    一部を保持しながら既存の画像を変更するのは編集です。スタイル、構図、雰囲気の参照として画像を提供するだけの場合は、それでも生成に該当します。

  3. 03
    出力の保存先を決定する

    プレビューやブレインストーミング用の作業はデフォルトの場所にインラインで保存しておいて構いませんが、プロジェクトが利用するものはワークスペースに収める必要があります。

  4. 04
    生成前に入力を収集する

    後で不足分を補うのではなく、プロンプト、画像内に表示する正確なテキスト、制約や避けるべき事項のリスト、すべての入力画像を最初にまとめて収集します。

  5. 05
    プロンプトをスペックに再構成する

    プロンプトは、依頼されていない創造的な詳細を加えて拡張するのではなく、構造化された本番向けのスペックに正規化されます。

  6. 06
    アセットごとに1回の呼び出しを発行する

    組み込みパスでは、バッチや変種は単一のバッチフラグからではなく、依頼されたアセットまたは変種ごとに繰り返されるimage_gen呼び出しから生成されます。

02 適合性を確認

imagegen Skill を使用するタイミング

Claude Code または Codex で、この種の画像作業が必要な場合に imagegen スキルを使用します。適合性と制限については、スキル自体のファイルから取得されています。

適している場合

  • コンセプトアート、商品写真、カバー、ウェブサイトのヒーロー画像など、まったく新しいビットマップを作成する場合。
  • 提供された画像がスタイル、構図、雰囲気の参照としてのみ機能し、新しい画像を生成する場合。
  • 照明や天候の変更、背景の置き換え、オブジェクトの削除、合成、透明背景の切り出しなど、既存の画像を編集する作業。
  • 1枚の画像ではなく、1つのタスクに対して多数のアセットや変種を生成する場合。

境界を知る

  • リポジトリ内に既に存在するSVG/ベクターアイコンセット、ロゴシステム、またはイラストレーションライブラリを拡張または一致させる場合。
  • SVG、HTML/CSS、またはcanvasで直接作成するほうがきれいになる、シンプルな図形、図表、ワイヤーフレーム、アイコンの場合。
  • ソースファイルが編集可能なネイティブ形式で既に存在する、プロジェクトローカルの小規模なアセット編集の場合。
  • ユーザーが生成されたビットマップではなく、決定論的なコードネイティブの出力を明確に望んでいるタスクの場合。

提供すべきもの

  • 主要な依頼内容ユーザーの主なプロンプトが対象と目的を提供し、スペック内の主要な依頼行としてそのまま引き継がれます。
  • 明示的な役割を持つ入力画像提供されたすべての画像は、生成前に、参照画像、編集対象、または補助的な挿入/スタイル/合成用入力のいずれかとしてラベル付けされます。
  • 正確なテキストとそのタイポグラフィ画像内に表示する必要のある単語は、そのまま引用され、書体や配置も併せて指定されます。
  • 不変事項と避けるべき事項のリスト編集の場合、変更してはならない事項が明示的に記述されます。たとえば、Yを変更せずにXだけを変更するといった形です。
  • アセットの想定用途その画像が広告、UIモック、インフォグラフィックのいずれであるかを明示することで、プロンプトが目指すモードと仕上げの度合いが決まります。

03 スキルの内部

imagegenスキルがClaude CodeとCodexに与えるルール

SKILL.md がエージェントに設定する 8 つの具体的な指示・既定値・制限 — 結果を変える部分です。

  1. 組み込みツールがデフォルトです

    通常の生成または編集の依頼はすべて、OPENAI_API_KEYを必要としない組み込みのimage_genツールを経由します。

  2. 自らの判断でダウングレードしない

    エージェントは自らCLIパスに切り替えてはなりません。その切り替えは常にユーザーの判断によるものです。

  3. CLIは要求された場合のみ使用

    ユーザーがCLIモードを選択した場合は、同梱のscripts/image_gen.pyワークフローを使用し、一度限りのSDKランナーを書かないようにします。

  4. 同梱スクリプトは読み取り専用

    scripts/image_gen.pyは変更しません。何かが不足している場合は、他の作業を行う前にユーザーに確認します。

  5. プロジェクトのアセットは$CODEX_HOMEに置いたままにできません

    プロジェクトが参照するファイルは、タスク完了前にデフォルトのgenerated-imagesの場所から移動またはコピーする必要があります。

  6. 上書きせずにバージョン管理する

    既存のアセットは、ユーザーが明示的に置き換えを要求した場合のみ置き換えられます。それ以外の場合、新しいファイルはhero-v2.pngのような兄弟バージョン名になります。

  7. 編集時は不変条件を保持する

    編集作業では、変更してはならない部分を固定し、ソースアセットを書き換えるのではなく非破壊的に保存します。

  8. 組み込みパスでのキー処理はなし

    エージェントはimage_genの使用中にOPENAI_API_KEYを要求することはなく、ユーザーにチャットへ完全なキーを貼り付けるよう求めることもありません。

04 実際に使う

Claude Code または Codex に imagegen をインストール

npx skills add コマンドを実行し、エージェントで最初のタスクを実行して、結果をチェックリストで確認します。

Claude Code、Codex、またはあなたのエージェントに imagegen を追加

プロジェクトで実行してください。インストーラーが、どのエージェントに追加するかを尋ねます。

Terminal
npx skills add https://github.com/openai/skills --skill imagegen

skills/.system/imagegen/SKILL.md用の汎用skills CLIフォームです。リポジトリ側で独自のパスを記載している場合もあります。

スキルに最初の画像制作タスクを与える

このプロンプトを独自のコンテンツと制約に合わせて調整し、Claude Code または Codex で実行してください。

Example prompt
Use case: product-mockup Asset type: landing page hero Primary request: a minimal hero image of a ceramic coffee mug Style/medium: clean product photography Composition/framing: wide composition with usable negative space for page copy if needed Lighting/mood: soft studio lighting Constraints: no logos, no text, no watermark

出典:SKILL.mdの例(原文のまま)。

最初の結果を確認

SKILL.md 自体が正しい結果として示しているもの:

  • 被写体、スタイル、構図、テキストの正確さ、および事前に合意した不変条件や避けるべき項目に対して出力を確認します。
  • いくつもの変更を1回のイテレーションにまとめるのではなく、単一の的を絞った変更を行い再確認します。
  • 編集の場合、変更してはならない不変条件をイテレーションごとに再確認し、画像が意図から外れないようにします。

OpenDesignではimagegenが同梱されています:Plugins → Skillsで、上部バーから選択してください。

05 オープンソースで追跡可能

ソース、ライセンス、検証

このページの情報の出所と、最終確認日時です。

Author
OpenAI
Repository
github.com/openai/skills ブランチ main
スキルファイル
skills/.system/imagegen/SKILL.md 検証時にコンテンツチェックサムを記録;コミット 49f948f
License
Apache-2.0 skills/.system/imagegen/LICENSE.txt より。このスキルはオープンソースですが、画像生成は依然としてホストされたサービスに依存しています。
リポジトリスター数
27,129 openai/skills リポジトリ全体に対する GitHub スナップショット(2026年9月14日取得)。imagegen の評価や使用数ではありません。
OpenDesign により検証済み
2026-09-14 ソースファイル、パス、ライセンステキスト、スター数を確認済み。OpenDesign メイン版に同梱(2026-08-28 確認)。このページでは実際の実行記録はまだありません。

SKILL.md の中身

  1. トップレベルのモードとルール組み込みのimage_genがデフォルトで、CLIフォールバックは明示的な指定がある場合のみ使用され、保存先の優先順位と上書き制限があります。
  2. 使用する場面新規画像、参照ガイド付き生成、既存画像の編集、多数のアセットやバリエーション。
  3. 使用しない場面リポジトリネイティブなベクターシステム、コードネイティブな図形、編集可能なネイティブファイル、決定論的なコードネイティブ出力。
  4. 決定木意図(生成か編集か)を実行戦略(単一アセットか複数アセットか)から分離します。
  5. ワークフローモード選択からプロンプト構築、生成、検証、レポートまでの17の順序立てられたステップです。
  6. プロンプトの拡張プロンプトをプロダクション仕様に構造化し、具体性に応じて許可される拡張と禁止される拡張を定めます。
  7. ユースケース分類(正確なスラッグ)プロンプトや参照間で一貫性を保つため、生成用と編集用のスラッグを固定します。
  8. 共通プロンプトスキーマアセットタイプ、シーン、被写体、ライティング、逐語テキスト、避けるべき事項リストなど、ラベル付けされたスキャフォールディングフィールドです。
  9. 例ヒーロー画像生成の仕様と、不変条件を明記した背景差し替え編集の仕様です。
  10. プロンプトのベストプラクティス順序付け、正確なテキストの引用、複数画像のインデックス化、単一変更のフォローアップによる反復です。
  11. アセットタイプ別ガイダンスウェブサイト、ゲーム、ワイヤーフレーム、ロゴ作業向けのアセットタイプ別テンプレートを sample-prompts.md に紐付けます。
  12. フォールバックCLIモード専用CLIのtempおよび出力の規則、uv依存関係、OPENAI_API_KEYのセットアップ手順です。
スキル自身による説明
「写真、イラスト、テクスチャ、スプライト、モックアップ、透過背景の切り抜きなど、AI が作成するビットマップビジュアルが有効な場合に、ラスター画像を生成または編集します。Codex が全く新しい画像を作成する場合、既存の画像を変換する場合、または参照からビジュアルバリエーションを生成する場合で、出力がリポジトリネイティブなコードやベクターではなくビットマップアセットである必要がある場合に使用します。既存の SVG/ベクター/コードネイティブアセットの編集、確立されたアイコンやロゴシステムの拡張、または HTML/CSS/canvas でビジュアルを直接構築する方が適している場合は使用しないでください。」

SKILL.md からのフロントマター説明。完全なファイルは約 16,170 文字です。GitHub で完全なファイルを読む

ImageGen

実際の画像作業タスクで imagegen を実行します。

imagegen スキルは OpenDesign に同梱されています。アプリをダウンロードし、Plugins → Skills でスキルを選択し、上記のプロンプトを貼り付けて、結果を得る前にプランを確認してください。

ターミナル
npx skills add https://github.com/openai/skills --skill imagegen