使い方ガイドへスキップ
Generate Image作者 GitHub Awesome Copilot Contributors

Generate Image スキル。

設定済みの OpenAI または Gemini API を選び、画像を生成して、プロジェクトのアセットとして保存します。

  • 画像生成
  • ビジュアルアセット
ソースレビュー · Generate ImageSKILL.md
タスク 画像生成 成果物 • プロジェクトのアセットディレクトリに保存された生成画像 • 以降のデザイン作業で使える既知のローカル出力パス • 使用可能な画像が返されなかった場合の明確なプロバイダーエラー報告 開始前に 対応プロバイダーの API キーとネットワークアクセスが必要です。モデルの利用可否と利用料金は別途確認してください。
編集部による要約 · ソース確認日 2026-10-07 · 生成例ではありません

01 機能概要

選んだ画像 API でビジュアルアセットを生成する

認証情報によるルーティング、レスポンスのデコード、プロジェクトファイルへの保存を備えた、2 プロバイダー対応のコンパクトな画像生成ワークフローです。

ソースに基づくワークフロー実行ベンチマークではありません

進め方

Generate Image は範囲が狭いながらも実用的な作業を担当します。利用可能な画像プロバイダーを選び、ブリーフを送信し、返された画像をプロジェクトで使える場所に保存します。確認したバージョンには、OpenAI と Google Gemini のリクエスト形式、base64 画像レスポンス、プロバイダーのエラーケースが記載されています。本格的なアートディレクションやブランドシステムのワークフローではありません。

プロバイダーは設定済みの認証情報に基づいて選ばれ、必要な場合はユーザーの希望で決まります。これは運用上の利便性であり、あるモデルがあらゆるビジュアル作業に適する証拠ではありません。必要な構図、アスペクト比、アセットの用途を明示し、保存された結果を確認してから本番用として扱ってください。API のモデルの利用可否と課金はプロバイダーが管理します。

期待される成果物

  • プロジェクトのアセットディレクトリに保存された生成画像
  • 以降のデザイン作業で使える既知のローカル出力パス
  • 使用可能な画像が返されなかった場合の明確なプロバイダーエラー報告
サンプルブリーフを見る

ブリーフからレビューまで

  1. 01
    プロバイダーを選ぶ

    秘密の値を表示せずに、対応プロバイダーのどれが設定済みかを確認します。生成前に、プロバイダーの希望と承認済みの支出を確認してください。

  2. 02
    アセットを説明する

    被写体、構図、サイズ、配置予定を伝えます。ゲーム用テクスチャの場合は、ファイル名に頼らず、タイリングやシームレスにするかどうかを指定してください。

  3. 03
    保存して確認する

    画像レスポンスをデコードするか、返された画像ファイルを保存し、内容を確認して実際のパスを報告します。

02 利用場面

使う場面

対応プロバイダーの API キーとネットワークアクセスが必要です。モデルの利用可否と利用料金は別途確認してください。

向いているケース

  • 単一のプロジェクトアセットプロバイダーと出力の目的がすでに明確な場合に、テクスチャ、アイコンのコンセプト、イラスト、モックアップを作るのに便利です。
  • プロバイダーを明示して選ぶ別のサービスを勝手に選ばず、既存の OpenAI または Gemini の認証情報をエージェントに使わせたい環境に適しています。

確認すべき制限

  • 認証情報と課金このスキルには、選んだプロバイダーのキーが必要です。キーがあることは無料で使えることを意味せず、モデルへのアクセスもアカウントによって異なる場合があります。
  • 編集パイプラインは含まれません確認したリクエスト例は生成に焦点を当てています。参照画像の編集、ベクター出力、ブランド一貫性の制御が含まれるとは想定しないでください。

用意するもの

  • ビジュアルブリーフ被写体、表現方法、その画像がインターフェースやドキュメントで果たす役割を説明します。
  • 出力要件エージェントが判断できるよう、アセットディレクトリ、ファイル名、サイズ、透過やタイリングの必要性を指定します。
  • プロバイダー設定対応プロバイダーは、公開ファイルに秘密情報を貼り付けるのではなく、環境を通じて設定してください。

03 重要な判断

重要な判断ポイント

  1. 保存された出力が成果物

    このワークフローはプロンプトだけでなくファイルパスで終わるため、結果を周囲のプロジェクトで利用できます。

  2. レスポンス処理が明示されている

    ソースでは、返された画像データとテキストや安全性エラーが区別されているため、API レスポンスが自動的に画像生成の成功と見なされることはありません。

04 依頼例

絞ったブリーフで試す

以下のサンプルブリーフはテストしていません。使用前にスキルのセットアップを確認してください。

セットアップを確認する

ホストが対応する方法でスキルを追加し、認証情報を安全に設定してください。ソースには共通のインストールコマンドは記載されていません。

アップストリームのソースファイル
https://github.com/github/awesome-copilot/blob/3a685010a7afdc0dbd4c83b7fbda6c316aa516e5/skills/generate-image/SKILL.md

対応プロバイダーの API キーとネットワークアクセスが必要です。モデルの利用可否と利用料金は別途確認してください。

まず 1 つの成果物から始める

スキルを実行する前に、このブリーフの範囲、素材、制約を調整してください。

サンプルブリーフ
generate-image を使って、デザインプロトタイプ用に正方形でシームレスな紙繊維テクスチャを 1 枚作成してください。すでに設定済みのプロバイダーを使い、要求したモデルが利用可能か確認したうえで、結果を assets/textures/paper.png に保存してください。コントラストは控えめにし、テキストやロゴは避けてください。リクエストがブロックされた場合は、勝手にプロバイダーを切り替えたり有料呼び出しを再試行したりせず、報告してください。

結果を確認する

実際の出力を、以下の確認可能な基準と照らして確認します。

  • 報告された出力パスに実際の画像ファイルが存在する。
  • 構図とサイズがアセットのブリーフと一致している。
  • プロバイダーエラーや安全性によるブロックが、生成成功として報告されていない。

OpenDesign は、コーディングエージェント向けのローカルデザインワークスペースを提供します。この掲載は、スキルが同梱されていること、または外部ツール、認証情報、ソフトウェア依存関係が含まれていることを意味しません。

05 ソースとライセンス

ソースとライセンス

このページは、下記にリンクされた固定のソースリビジョンについて説明しています。アップストリームの動作や要件は変更される場合があります。

リポジトリ
github/awesome-copilot
スキルファイル
skills/generate-image/SKILL.md
ライセンス
MIT
確認したスナップショット
2026-10-07 · 3a685010a7af
編集部によるソース要約
認証情報によるルーティング、レスポンスのデコード、プロジェクトファイルへの保存を備えた、2 プロバイダー対応のコンパクトな画像生成ワークフローです。

リンク先のソースに基づく OpenDesign のオリジナル要約です。リポジトリのスター数は特定日時の人気の目安であり、スキルの利用状況や品質評価ではありません。

06 開始前の質問

開始前の質問

スキルをインストールすると画像クレジットも含まれますか?

いいえ。生成はユーザーが選んだプロバイダーとアカウントを通じて行われます。このスキル自体は手順を示すワークフローです。

OpenAI と Gemini のどちらかを選べますか?

確認したバージョンは、設定済みのキーに基づいてルーティングし、両方が利用可能な場合は希望を尋ねることがあります。リクエスト前に、現在のモデルへのアクセス可否を確認してください。

編集可能なベクターアイコンを作れますか?

ソースが説明しているのは画像 API の出力であり、編集可能なベクター構築ではありません。ラスターのアイコンコンセプトは、編集可能なパスを持つ SVG とは異なります。

OpenDesign

次のデザイン反復に向けて余白を確保しましょう。

ブリーフ、素材、デザイン作業をローカルワークスペースにまとめて管理できます。ワークフローに追加する前に、スキル自体のセットアップを確認してください。

アップストリームのソースファイル
https://github.com/github/awesome-copilot/blob/3a685010a7afdc0dbd4c83b7fbda6c316aa516e5/skills/generate-image/SKILL.md