mcpField
G
gpt-image-2-prompting

gpt-image-2-prompting

github.com/zhouwei713クリエイティブ・メディア5584 回インストール22 週間前に更新
リポジトリ

gpt-image-2-prompting について

GPT-Image-2 のプロンプトを作成・改善する人向けのスキルです。画像の種類、主題、構図などを整理し、再利用できるプロンプトの体系や、ユーモアを生む対比の考え方も扱います。

主な機能

  1. 018つの視覚要素でプロンプトを構成
  2. 02曖昧な好みを具体的な指示に変換
  3. 03レイアウトの階層と補助要素を設計
  4. 04再利用可能なプロンプトシリーズを作成
  5. 05ユーモア向けに対比を加える

活用シーン

  1. 01曖昧な画像プロンプトを改善
  2. 02ポスター、UI、インフォグラフィック用の指示を作成
  3. 03テーマ別のプロンプトシリーズを作成
  4. 04不条理でユーモラスな画像を考案

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/zhouwei713/gpt-image-2-prompting-skill --skill gpt-image-2-prompting

インストール後、Claude Code で/gpt-image-2-promptingを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

.gitignore
README.md
SECURITY.md
CONTRIBUTING.md
LICENSE
CHANGELOG.md
references/
categories.md
quirky-funny-100-prompts.md
examples.md
quirky-funny-100-prompts-part2.md
templates.md

詳細

GPT-Image-2 のプロンプト作成

このスキルは、あいまいな画像生成のリクエストを、実用レベルの GPT-Image-2 プロンプトに変換します。

基本原則: 優れた画像プロンプトは、スタイルを表す言葉の羅列ではなく、ビジュアルブリーフとして読めるものです。

使用する場面

ユーザーが次のような依頼をした場合は、必ずこのスキルを使用してください。

  • GPT-Image-2 のプロンプト、またはより優れた画像プロンプトを求めている
  • 弱いプロンプトを改善したい
  • ポスター、表紙、UI、ダッシュボード、インフォグラフィック、パッケージ、エディトリアルレイアウト、コンセプトアート、世界観構築のプロンプトを求めている
  • プロンプトのテンプレート、一括生成用のアイデア、テーマ別プロンプト集、再利用可能なプロンプトシステムを求めている
  • 面白い、奇妙、ミーム風、不条理、タブロイド風、バイラルな画像プロンプトを求めている
  • 有名人の組み合わせ、フェイクニュース風のシーン、不気味な画像、奇妙な街頭写真、監視カメラ風の画像、歴史と現代のユーモラスな対比を描く画像のプロンプトを求めている
  • 「帮我写提示词」、「优化提示词」、「给我一组出图更高级的 prompt」、「做成系列提示词」、「来点搞怪的」、「整点抽象图」、「做成会传播的图」のような依頼をしている

このスキルが最適化する項目

  1. 画像タイプの明確な定義
  2. 明確なビジュアル階層
  3. 具体的なレイアウトと情報モジュール
  4. 抽象的な好みを具体的なビジュアル指示に置き換えること
  5. 単発のプロンプトではなく、再利用可能なプロンプトシステム
  6. 面白い、またはバイラルなコンテンツを目指す場合の、強いコントラスト、不条理さ、ミームとしての可能性
  7. フェイクニュース風、スナップ写真風、パパラッチ風、監視カメラ風の画像における、実際の写真らしさ

基本のワークフロー

ステップ 1:画像タイプを特定する

まず、必ず出力形式を決めてください。 一般的な画像タイプ:

  • ポスター
  • UI 画面/アプリ画面
  • ダッシュボード
  • インフォグラフィック
  • エディトリアル/雑誌の表紙
  • コンセプトアート
  • デザイン提案ボード
  • アーカイブシート/ドシエ
  • 地図/ガイド
  • パッケージ/製品ビジュアル
  • ストーリーボード/キャラクターシート

ユーザーが指定していない場合は、文脈から推測してください。

ステップ 2:8 つの要素を軸にプロンプトを組み立てる

可能な限り、次の順序で指定してください。

  1. 画像タイプ
  2. 中心となる被写体
  3. 構図/レイアウト
  4. 補助モジュール
  5. ビジュアルトーン
  6. 素材/テクスチャ
  7. タイポグラフィ/ラベル
  8. アスペクト比
ステップ 3:あいまいな好みを具体化する

次のような言葉を、説明なしで使わないでください。

  • 高級感
  • 映画のような雰囲気
  • 雰囲気
  • テクノロジー感
  • 雑誌のような雰囲気

具体的なビジュアル指示に置き換えてください。 例:

  • 高級感 -> 控えめなレイアウト、限られたカラーパレット、すっきりしたタイポグラフィ、高級感のある素材、広い余白
  • 映画のような雰囲気 -> ローアングルのフレーミング、ドラマチックな照明、前景と背景の奥行き、感情的な緊張感、反射面
  • テクノロジー感 -> ガラスパネル、金属の質感、インターフェースモジュール、寒色系の照明、精密な間隔
  • 雑誌のような雰囲気 -> エディトリアルな階層構造、目を引く見出しの配置、整ったグリッド、短い補足テキスト、統一感のあるカラーパレット
ステップ 4:ビジュアルの構成を加える

弱いプロンプトの多くは、被写体を指定するだけです。 優れたプロンプトでは、周囲の構成も定義します。 便利な補助モジュール:

  • コメント欄
  • パラメーターパネル
  • 凡例
  • 注釈
  • スケールバー
  • グラフ
  • ランキングリスト
  • ルートマップ
  • ラベル
  • フッターの注記
  • 出典の注記
  • 時系列軸
ステップ 5:単一画像にするか、システムにするかを決める

ユーザーがより優れた出力を求めている場合は、1 つのプロンプトを再利用可能なシステムに発展させることを検討してください。

  • 同じ構成で、時代を変える
  • 同じ構成で、都市を変える
  • 同じ構成で、職業を変える
  • 同じ構成で、感情を変える
  • 同じ構成で、製品ラインを変える

この方法は通常、関連のないプロンプトを書くよりも、シリーズコンテンツの質を高めます。

ステップ 6:目的が面白さや拡散性なら、コントラストを生み出す仕掛けを加えます

風変わりなプロンプト、ユーモラスなプロンプト、共有したくなるプロンプトでは、次のような対比パターンを意図的に 1 つ以上取り入れます。

  • まじめな人物を、ささやかな日常の場面に登場させる
  • 歴史上の人物や神話の登場人物を、現代の気軽なシチュエーションに登場させる
  • 高級感のあるビジュアル表現を、ありふれた場所に適用する
  • フェイクニュースのようなリアリティを、ばかげた出来事に適用する
  • 監視カメラ、パパラッチ、フラッシュ撮影、または偶然撮れたスナップの構図にする
  • 動物はプロのように振る舞い、人間は普段どおりに振る舞う

リアリティを高めるのに役立つ表現:

  • スナップ写真
  • フラッシュ撮影
  • パパラッチ写真
  • 監視カメラの静止画
  • タブロイド紙の写真
  • 気まずいタイミング
  • 偶然の傑作
  • 奇妙なリアリズム

プロンプト作成のルール

  • スタイルを示す言葉ではなく、画像の種類から書き始めます
  • 漠然とした好みの表現より、具体的なレイアウトを優先します
  • 構成上の決定が明確になってから、スタイルを示す言葉を使います
  • 最終画像に影響するディテールだけを含めます
  • プロンプトは密度を保ちつつ、整理して書きます
  • ユーザーが共有したくなる画像や拡散性のある画像を求めている場合は、対比、世界観の構築、またはシステム設計を重視します
  • ユーザーが洗練された商用画像を求めている場合は、視覚的な階層、素材、ラベル、構図の制御を重視します

デフォルトの回答形式

プロンプトを作成する際は、ユーザーが別の形式を指定しない限り、次の構成を使います。

1. アイデアの概要

コンセプトを説明する 1 文。

2. 最終プロンプト

ユーザーの言語で作成した、洗練されたプロンプト。

3. この構成が効果的な理由

構成上の強みを説明する箇条書き 2~4 項目。

4. 任意のバリエーション

役立つ場合は、短いバリエーションの方向性を 3 つ提示します。

5. 任意の画像生成の提案

最終プロンプトを出力した後、現在の環境で image_generate などの画像生成ツール、または設定済みの画像モデルを利用できるか確認します。

画像生成が利用でき、ユーザーがすでに画像の即時生成を依頼していない場合は、簡潔な締めくくりの質問を 1 つ追加します。 「このプロンプトを使って、画像を直接生成しましょうか?」

ユーザーが明示的に画像生成を依頼するか、肯定の返答をするまでは、画像を自動生成しないでください。ユーザーが「はい」と答えた場合は、確定したプロンプトを使って画像生成ツールを呼び出します。プロンプトに指定されたアスペクト比がツールの対応比率にそのまま合致する場合は、その比率を使います。合致しない場合は、最も近い対応比率を推定して選び、その選択について簡潔に説明します。

環境に画像生成ツールやモデルがない場合は、生成できるかのように装わないでください。プロンプトだけを提示するか、必要に応じてユーザーの画像生成モデルにコピーして使えることを伝えます。

中国語でのデフォルト出力スタイル

ユーザーが中国語で書いた場合、別の言語を指定しない限り、中国語で回答します。

デフォルトでは、次の構成で提示します。

1. コアとなるアイデア

ビジュアルコンセプトを、わかりやすい中国語で 1~2 文で説明します。

2. 完成版プロンプト

通常は 1 つの連続した段落で、洗練された最終プロンプトを提示します。

3. この構成が効果的な理由

次の点を重視して、2~4 項目で簡潔に説明します。

  • 画像の種類が明確か
  • 主体とレイアウトが明確か
  • 情報モジュールが階層を強化しているか
  • 抽象的な美的表現が具体的なビジュアル表現に置き換えられているか
4. 変更の方向性

役立つ場合は、次のような短いバリエーションの方向性を 2~3 個提示します。

  • 時代や都市を変える
  • 職業や感情を変える
  • 媒体形式を変える(ポスター、UI、インフォグラフィック、アーカイブページ)
  • 色や素材のシステムを変える
5. 画像を直接生成するかどうか

現在の環境に Hermes の image_generate ツールなど、利用可能な画像生成ツールまたはモデルが設定されている場合は、プロンプトを出力した後、画像を直接生成するかどうかを 1 文で尋ねます。 「このプロンプトを使って、画像を直接生成しましょうか?」

ユーザーが「直接生成して」「画像を作って」「1 枚生成して」と明示的に依頼するか、確認に対して肯定した場合に限り、画像生成ツールを呼び出します。ユーザーがプロンプトの作成だけを求めている場合は、自動で画像を生成しないでください。

環境に画像生成機能がない場合は、この確認の質問を追加せず、現在の環境で直接生成できるかのように示唆しないでください。

中国語の表現ガイド

  • 熟練したビジュアルディレクターのブリーフのように、自然な中国語で書きます
  • 説明は簡潔で実用的なものにします
  • ユーザーが専門用語を求めている場合を除き、専門用語を多用しないでください
  • 漠然とした好みの表現より、具体的な中国語のビジュアル指示を優先します
  • ユーザーが複数のプロンプトを求めている場合は、表のほうが明らかに適している場合を除き、各プロンプトで同じ出力形式を使います

中国語の一括作成モード

ユーザーが複数のプロンプトを一度に求めている場合は、デフォルトで構造化された中国語の一括形式を使います。

次の出力構成を使います。

カテゴリ見出し

特に件数が多い場合は、最初にカテゴリ名を付けてください。 例:

  • 歴史世界 × 現代インターフェース
  • インフォグラフィック × 感情表現
  • ブランド提案 × ビジネスビジュアル
  • 世界観のアーカイブページ
  • 都市観察 × 社会的感情
各プロンプトの基本フォーマット

各プロンプトは、次の形式にしてください。

[番号]. [タイトル]
  • アイデアの核:このビジュアルで何を表現したいのか、一文で明確に伝えます
  • 完全なプロンプト:そのまま使える完全なプロンプトを記載します
  • 置き換え可能な変数:ユーザーが展開しやすいよう、特に置き換える価値のある変数を2〜4個挙げます
件数ごとのガイドライン
  • 1〜5件:「このように書く理由」を残してもかまいません
  • 6〜20件:「アイデアの核 + 完全なプロンプト + 置き換え可能な変数」を中心に、簡潔にまとめます
  • 20件以上:ユーザーから詳しい解説を明確に求められない限り、カテゴリごとに分類することを優先し、各項目の解説は減らします
一貫性を保つための基本ルール
  • 同じバッチ内では、できるだけ構成を統一します
  • 同じカテゴリでは、共通のビジュアルロジックを使い、テーマの変数だけを置き換えます
  • 資料パックを作る場合は、コピー、展開、カテゴリ別の整理のしやすさを優先します
  • アイデアリストを作る場合は、構成を多少柔軟にしてもかまいませんが、画像の種類とレイアウトを意識します

弱いプロンプトを改善する手順

ユーザーのプロンプトが曖昧な場合は、次の順に改善してください。

  1. 画像の種類を明確にする
  2. 主題を定める
  3. 構図を決める
  4. 要素を追加する
  5. 曖昧な好みの表現を具体化する
  6. 素材、ラベル、タイポグラフィを追加する
  7. アスペクト比を決める

中国語の回答例

アイデアの核

「都市の不眠指数」をテーマにしたインフォグラフィックポスターを作成し、深夜の感情を目に見えるデータマップに変換します。

完全なプロンプト

「都市の不眠指数」をテーマにしたインフォグラフィックポスター。中央には夜景を俯瞰した地図を配置し、22:00、00:00、02:00、04:00の4つの時間帯ごとに重ねて光らせる。商業地区は明るく強調し、住宅地は窓明かりを黄昏色の点で表現する。周囲には、コーヒーの売上、夜間の配車需要、音楽再生のピーク、ソーシャルメディアのアクティブ率という4つの円形データモジュールを配置する。タイトルは国際的な雑誌の特集ページのようにし、サブタイトルには「まだ起きているのは誰?眠ったふりをしているのは誰?」と記載する。全体は落ち着いた抑制のある雰囲気で、ほのかな都市の不安を漂わせる。色はネオンパープル、エレクトリックブルー、夜の黒、少量の暖色系の黄色に抑える。比率は4:5。

このように書く理由
  • 最初に「インフォグラフィックポスター」と定義することで、モデルが特集ビジュアルとして画面を構成しやすくなります
  • 中央の地図と周囲のモジュールで、画面の階層が明確になります
  • 「都市の不安」を、夜景、寒色、強調されたエリアといった具体的なビジュアル指示に置き換えています
  • 配色と比率を明確にすることで、完成度の高い仕上がりに近づきます
書き換えの方向性
  • 「残業ヒートマップ」をテーマにする
  • 「地下鉄の感情マップ」の構成にする
  • インフォグラフィックポスターではなく、雑誌の表紙にする

中国語のバッチ例

歴史世界 × 現代インターフェース
1. 唐代の人々のデリバリーアプリ
  • アイデアの核:唐代の日常生活を現代のデリバリーアプリのホーム画面に置き換え、歴史的な雰囲気とプロダクトらしさを両立させます。
  • 完全なプロンプト:唐代の人々のデリバリーアプリ。スマートフォンのデリバリーアプリのホーム画面を模したビジュアル。上部の位置情報には「長安・平康坊」と表示する。おすすめ欄には胡餅、羊肉の炙り焼き、ぶどう酒を掲載する。店舗のアバターには、工筆画で描いた店主の肖像を使う。評価は銅銭のアイコンで表現する。下部のナビゲーションバーには現代のプロダクト構造をそのまま残す。ステータスバーには「大唐の電波は最強」と「開元二十四年」と表示する。全体の配色は黄土色、石緑、金箔の赤。書体は碑刻風のタイトル文字と細いサンセリフ体を組み合わせる。実際のプロダクトデザイン案のような画面に、時代を超えたユーモアを加える。比率は9:16。
  • 置き換え可能な変数:時代、都市、ジャンル、インターフェースの種類
2. 明代の人々の求人サイトのホームページ
  • アイデアの核:古代の職業体系を現代の求人プラットフォームのホームページに落とし込み、求人カードと絞り込みの仕組みを中心に見せます。
  • 完全なプロンプト:明代の人々の求人サイトのホームページ。歴史的な衣装と現代の求人プラットフォームのインターフェースを融合させる。メイン画面には「史書編纂官、書院の講師、船舶会計係、織物監督官、宮廷画家」のおすすめ求人を表示する。絞り込み条件には「詩文に通じる、算学に精通する、騎射に長けている、出張可能」と記載する。人物の履歴書カードには工筆画の肖像を使う。給与の単位は、俸禄の石や米で表す。全体のレイアウトは実際の求人サイトのホームページのようにする。比率は16:9。
  • 置き換え可能な変数:時代、職種、絞り込み条件、給与の表現

優れたプロンプトのカテゴリ

カテゴリのパターンと代表例については、参照ファイル references/categories.md を使用してください。 再利用可能な穴埋め式テンプレートには、references/templates.md を使用してください。 完成度の高い基本例には、references/examples.md を使用してください。 ユーモア、奇抜なアイデア、有名人との対比、フェイクニュース、ミーム向けのプロンプト案には、references/quirky-funny-100-prompts.md を使用してください。 さらに混沌としていて、拡散向け、監視カメラ風、あるいは不条理なリアリズムのプロンプト案には、references/quirky-funny-100-prompts-part2.md を使用してください。

よくある失敗と避け方

  • スタイルの言葉だけで始める
  • 構図を定めない
  • 情報の階層を設けない
  • 焦点がないまま、脈絡のない要素を詰め込みすぎる
  • 「高級感」とだけ書き、それを生み出す要素を指定しない
  • 再利用可能なプロンプトの仕組みを作るほうがよいのに、一度きりのアイデアを書く

ベストプラクティスの考え方

目指すのは、単に詳細なプロンプトを作ることではありません。 ビジュアルの意図と構造を備え、出力がデザインされたものだと感じられるだけの制御性を持つプロンプトを作ることです。

コメント