)
gpt-image2.canghe.ai では、プロダクトとして整備された体験でギャラリーを閲覧できます。大きなプレビューの確認、プロンプト全文のコピー、スタイルやシナリオによる絞り込み、Google ログイン後の生成テスト、GitHub 上の元ケースへの移動ができます。
GPT-Image2 コミュニティに参加して、ほかのユーザーとプロンプト、制作方法、活用事例を共有できます。参加方法はコミュニティページをご覧ください。
WeChat 公式アカウント 苍何(Canghe) をフォローするか、下の QR コードをスキャンすると、プロジェクトの更新、新しい事例、実用的なチュートリアルを受け取れます。
ここに掲載したい方へ GitHub Sponsors でプロジェクトを支援するか、上記の WeChat 公式アカウントをフォローして、製品名と短いスポンサー説明を送ってください。
| スポンサー | 説明 |
|---|---|
 |
APIMart による本プロジェクトへのサポートに感謝します。APIMart は AI 画像/動画生成に特化した低価格 API プラットフォームで、GPT-Image-2 を $0.006/image から利用でき、1 ドルで 160 枚以上の画像を生成できます。画像と動画をひとつの非同期 API で扱い、タスク送信後に ID を受け取り、ポーリングまたはコールバックで結果を取得できます。数万枚規模のバッチ生成でもタイムアウトを抑え、モデル変更時もコードを書き換えずに対応できます。従量課金で月額料金はありません。こちらから登録して利用を始められます。 |
 |
hiapi による本プロジェクトへのサポートに感謝します。hiapi は AI 画像/動画生成 API プラットフォームで、GPT-Image-2（テキストから画像、画像編集、1K–4K）に加えて Seedance、Kling、Wan などの動画モデルも、ひとつの統一非同期 API で扱えます。タスクを送信して task_id を受け取り、ポーリングまたはコールバックで結果を取得でき、バッチ処理でもタイムアウトしにくく、モデル変更時もコードを書き換えずに対応できます。生成結果は hiapi 独自 CDN に保存され、永続ストレージに対応しているため、画像/動画 URL を長期的に利用でき、急いで自分でダウンロードしてバックアップする必要がありません。Remote MCP と Agent Skills をネイティブに備え、Claude Code と Cursor にそのまま接続できます。中国語 UI とドキュメント、WeChat Pay、従量課金、月額料金なし。新規ユーザーには $1 の無料クレジット（約 50 枚分）が付与されます。こちらから登録して利用を始められます。 |
 |
PackyCode による本プロジェクトへのサポートに感謝します。PackyCode は Claude Code、Codex、Gemini などに対応する、安定性と処理性能に優れた API リレープロバイダーです。自動フェイルオーバー、スマートルーティング、無制限の同時実行により、AI コーディングの生産性を高めます。こちらから登録して利用を始められます。 |
 |
プロジェクトスポンサー。PPToken は ChatGPT、Claude、Gemini など主要 AI モデル向けの API リレーとキー配布を提供し、低遅延、高可用性、従量課金、柔軟なサブスクリプションに対応しています。 |
GPT-Image2 が広く利用できるようになったことで、AI 画像生成の焦点は「画像を生成できるか」から「安定し、制御でき、再利用できる画像を生成できるか」へ移りました。本プロジェクトは、コミュニティに散在する事例を、Agent や自動化ワークフローから再利用しやすい Prompt-as-Code アセットへ整理することを目的としています。
中心となる目標は明快です。散文的なプロンプトを、構造化されたプロトコルへ圧縮すること。バッチ生成、テンプレートシステム、本番ワークフローへの組み込みが必要な場面では、個別事例を集めるだけよりも、この構造化のほうが大きな価値を持ちます。
- 🧱 アトミック Schema：主体、光、素材、レイアウト、視覚ディテールを組み合わせ可能な部品へ分解
- ⚙️ ワークフロー親和性：Agent、スクリプト、自動化システムで扱いやすい設計
- 🧬 構造化制御：レイアウト、コピー、情報階層の制御性を高める構成
- ケースギャラリー全体
- Gallery Part 1：ケース 1-165
- Gallery Part 2：ケース 166-532
- 産業向けプロンプトテンプレートと落とし穴ガイド
- Agent Skill：GPT-Image2 Style Library
- MIT License
- 免責事項全文
まずケースアルバムで目指すビジュアル方向を見つけ、その後プロンプトテンプレートのカテゴリを開いて、再利用可能な構造へ落とし込みます。
|
🧩 UI とインターフェース  アプリ、Web サイト、ダッシュボード、SNS スクリーンショット、プロダクト UI。 ケースを見る |
📊 チャートとインフォグラフィック  インフォグラフィック、ナレッジマップ、技術解説、構造化図解。 ケースを見る |
📰 ポスターとタイポグラフィ  イベントポスター、カバー、文字主体のビジュアル、強いレイアウト構成。 ケースを見る |
|
🛍️ 商品と E コマース  商品カット、詳細ページ、パッケージ、訴求ポイント、広告表現。 ケースを見る |
🏷️ ブランドとロゴ  ロゴ、アイデンティティシステム、ブランド接点、キャンペーンビジュアル。 ケースを見る |
🏛️ 建築と空間  建築レンダリング、インテリア、都市地図、空間コンセプト。 ケースを見る |
|
📷 写真とリアリズム  ポートレート、スマートフォン写真、フィルム質感、商業写真。 ケースを見る |
🎨 イラストとアート  イラスト、アートスタイル、素材実験、装飾的な画面表現。 ケースを見る |
🧍 キャラクターと人物  キャラクターデザイン、ポーズ資料、カード、3D トイ表現。 ケースを見る |
|
🎬 シーンとストーリーテリング  絵コンテ、物語性のあるシーン、ライブ配信フレーム、世界観構築。 ケースを見る |
🏮 歴史と古典テーマ  古典絵巻、歴史人物、伝統題材、詩詞のビジュアル化。 ケースを見る |
📚 ドキュメントと出版物  ホワイトペーパー、マニュアル、百科図版、出版レイアウト。 ケースを見る |
|
🧪 その他のユースケース  クリエイティブ実験、特殊タスク、複合ワークフロー、実務ケース。 ケースを見る |
 全 532 件のケースをパートとカテゴリ別に閲覧できます。 ギャラリーを開く |
 リポジトリに新しく収録されたコミュニティ事例とワークフロー。 最新を見る |
Template Page 1 / 4：デザインと情報
| カテゴリ | テンプレート入口 | 中核機能 |
|---|---|---|
| 🧩 UI とインターフェース | プロンプトを見る | コンポーネント、ページ階層、スクリーンショット質感 |
| 📊 チャートとインフォグラフィック | プロンプトを見る | モジュール、矢印、データ構造、可読性 |
| 📰 ポスターとタイポグラフィ | プロンプトを見る | レイアウト、見出しシステム、人物、視覚的インパクト |
Template Page 2 / 4：商業と空間
| カテゴリ | テンプレート入口 | 中核機能 |
|---|---|---|
| 🛍️ 商品と E コマース | プロンプトを見る | 商品訴求、パッケージ、詳細ページ構成 |
| 🏷️ ブランドとロゴ | プロンプトを見る | ロゴ、アイデンティティ、ブランド接点システム |
| 🏛️ 建築と空間 | プロンプトを見る | 透視、素材、屋内外のライティング |
Template Page 3 / 4：イメージングとキャラクター
| カテゴリ | テンプレート入口 | 中核機能 |
|---|---|---|
| 📷 写真とリアリズム | プロンプトを見る | レンズ、ライティング、リアルな質感 |
| 🎨 イラストとアート | プロンプトを見る | 筆致、素材、アートスタイル |
| 🧍 キャラクターと人物 | プロンプトを見る | キャラクターデザイン、ポーズシート、一貫性 |
Template Page 4 / 4：ナラティブと拡張
| カテゴリ | テンプレート入口 | 中核機能 |
|---|---|---|
| 🎬 シーンとストーリーテリング | プロンプトを見る | 絵コンテ、世界観構築、感情の流れ |
| 🏮 歴史と古典テーマ | プロンプトを見る | 王朝、服飾、絵巻形式の語り |
| 📚 ドキュメントと出版物 | プロンプトを見る | ページシステム、目次、レイアウト規則 |
| 🧪 その他のユースケース | プロンプトを見る | 複合タスク、実験的ワークフロー、特殊出力 |
このリポジトリには、Web サイトと同じデータを使って GPT-Image2 のスタイル、テンプレート、カテゴリ、シーンタグを選定するための Agent Skill が含まれています。
パッケージリンク：npm / GitHub Packages
Style Library Skill を使った city-life-system-map リクエストの出力例。
Claude Code、Codex、Cursor、および skills が対応するその他のツールには、次の方法を推奨します。
npx skills add freestylefly/awesome-gpt-image-2 --skill gpt-image-2-style-library --agent claude-code codex --global --yes --copy対応するすべてのローカル Agent にインストールする場合：
npx skills add freestylefly/awesome-gpt-image-2 --global --all --copyClaude Code 内で次のコマンドを実行します。
/plugin marketplace add freestylefly/awesome-gpt-image-2
/plugin install gpt-image-2-style-library@awesome-gpt-image-2
npm を使う場合は、CLI をインストールしてからローカル Agent フォルダへ Skill を同期します。
npm install -g gpt-image-2-style-library
gpt-image-2-style-library install allグローバルインストールせずに実行することもできます。
npx gpt-image-2-style-library install allGitHub Packages からインストールする場合：
npm login --scope=@freestylefly --registry=https://npm.pkg.github.com
npm install -g @freestylefly/gpt-image-2-style-library --registry=https://npm.pkg.github.com
gpt-image-2-style-library install allinstall all は、Codex と Claude Code で一般的に使われるローカル Skill ディレクトリへ書き込みます。対象には ~/.codex/skills、~/.claude/skills、~/.agents/skills が含まれます。インストール後は Agent セッションを再起動してください。
次のようなリクエストで利用できます。
gpt-image-2-style-library Skill を使って、Codex を紹介するインフォグラフィックのプロンプトを作成してください。
ローカルソース開発では次を実行します。
npm run generate:style-skill
npm run install:skillSkill のソースは agents/skills/gpt-image-2-style-library にあります。生成されるリファレンスは data/style-library.json に基づいており、Web サイトと Agent ワークフローは同じスタイルライブラリを共有しています。
ビジュアルサイトには、ログイン後にケース生成を試せる機能が含まれています。基盤には Supabase Auth、Supabase Postgres、GPT Image 2 API 向けの Vercel Function プロキシを使用しています。
Vercel で必要な環境変数：
VITE_SUPABASE_URL=
VITE_SUPABASE_ANON_KEY=
SUPABASE_SERVICE_ROLE_KEY=
SUPER_ADMIN_EMAILS=2689458656@qq.com,canghe0818@gmail.com
CIYUAN_API_KEY=
CIYUAN_BASE_URL=https://ciyuan.today
APP_URL=https://gpt-image2.canghe.ai
STRIPE_SECRET_KEY=
STRIPE_WEBHOOK_SECRET=
VITE_GA_MEASUREMENT_ID=
GA4_PROPERTY_ID=
GOOGLE_ANALYTICS_CLIENT_ID=
GOOGLE_ANALYTICS_CLIENT_SECRET=
GOOGLE_ANALYTICS_REFRESH_TOKEN=セットアップチェックリスト：
supabase/migrations/202605090001_user_credits.sqlを Supabase プロジェクトへ適用します。supabase/migrations/20260509090000_membership_billing.sqlを適用し、メンバーシッププラン、クレジットパック、Stripe 注文レコード、クレジット調整 RPC を追加します。supabase/migrations/20260512090000_google_account_center.sqlを適用し、アカウント利用サマリーとスーパー管理者向けの強制クレジット課金を追加します。supabase/migrations/20260512143000_pricing_admin_metrics.sqlを適用し、$5 / 300 creditsのカタログを更新して管理ダッシュボード指標を追加します。supabase/migrations/20260515090000_case_favorites.sqlを適用し、ユーザーごとのケースお気に入り機能を追加します。- Supabase Auth の Redirect URLs に
https://gpt-image2.canghe.aiと、http://127.0.0.1:5173などのローカル開発 URL を追加します。 - Supabase Dashboard に Google OAuth 認証情報を追加したうえで Google Provider を有効化します。
- Google ログインのみに制限したい場合は、Supabase Auth settings で Email Provider を無効化します。
SUPABASE_SERVICE_ROLE_KEYは Vercel Environment Variables などのサーバーサイド環境にのみ保存してください。- Stripe Checkout の Webhook URL に
https://gpt-image2.canghe.ai/api/billing/webhookを設定します。 - Stripe Webhook で
checkout.session.completed、invoice.payment_succeeded、customer.subscription.updated、customer.subscription.deletedを購読します。 STRIPE_SECRET_KEYとSTRIPE_WEBHOOK_SECRETは、サーバーサイドの Vercel Environment Variables にのみ保存してください。gpt-image2.canghe.ai用の GA4 property を作成し、Measurement ID をVITE_GA_MEASUREMENT_IDに、数値の property ID をGA4_PROPERTY_IDに設定します。- Google OAuth Web Client を作成し、Authorized redirect URI に
http://localhost:8080/oauth2callbackを設定したうえで、GOOGLE_ANALYTICS_CLIENT_IDとGOOGLE_ANALYTICS_CLIENT_SECRETをローカルの.env.localに追加します。 npm run ga4:oauthを実行し、生成された URL を開いてanalytics.readonly権限を承認し、コールバック URL をターミナルへ貼り付けます。その後、返されたGOOGLE_ANALYTICS_REFRESH_TOKENを Vercel の Sensitive 環境変数として追加します。
モジュール構造、情報階層、バイリンガルラベルの設計を学ぶのに適した、エンジニアリングホワイトペーパー風のインフォグラフィック事例です。 ケース全体を見る
「プロダクト UI + SNS コンテンツスクリーンショット」を組み合わせた事例です。テキストブロック、UI フレーム、コンテンツカードの制御に向いています。 ケース全体を見る
雰囲気、色彩、大規模シーン構図を研究するための、日系ファンタジーイラストの例です。 ケース全体を見る
プロダクト図解やポスター風の技術解説に使いやすい、典型的な「構造分解 + 説明レイアウト」の事例です。 ケース全体を見る
バッチ生成とシリーズデザインを研究するための、複数カードを統一スタイルでまとめた事例です。 ケース全体を見る
ブランドナラティブ、構造分解、商業的プレゼンテーションを強く組み合わせた事例です。「インフォグラフィック + ブランドビジュアル」の参考として有用です。 ケース全体を見る
|
Case 330：月明かりのライブ配信シーン UI の雰囲気、弾幕コメント、リアルな人物表現を参照できる高精細ライブ配信スクリーンショット。 ケースを見る |
Case 334：RAG 技術解説図 技術概念、フロー矢印、中国語キャプションモジュールの構成参考。 ケースを見る |
Case 338：赤壁古典絵巻 絵巻形式、古典的なナラティブ、全文レイアウトを統合した完成度の高い例。 ケースを見る |
|
Case 331：手描き西安水彩マップ  都市地図、手描きルート、ランドマークラベルの軽量な参考例。 ケースを見る |
Case 332：茶π 商品ポスター  中国語の訴求ポイントと清潔感のある商業ポスター表現を組み合わせた飲料商品ビジュアル。 ケースを見る |
Case 339：Apple 風ネイチャーサイエンスポスター  ミニマルなスタジオ写真、自然物の主体、科学ポスター的な情報レイアウト。 ケースを見る |
ここでは最新の収集・インポート分のみを表示しています。過去のインポートはフルギャラリーに残されています。
|
Case 527：リオ旅行チケットの紙細工ジオラマ  旅行チケット、手描きメモ、都市のミニチュア景観を一枚のポップアップポストカードにまとめた例。 ケースを見る |
Case 528：実写ホリデー街並みのちびポートレート  実写の街並み背景を残し、人物だけを温かい手描きちびキャラクターへ変換する例。 ケースを見る |
Case 529：雲のバルーン山稜ポートレート  巨大な雲のバルーン、物理的な紐、山岳の奥行き、服装制約を組み合わせた旅行ファッション写真。 ケースを見る |
|
Case 530：実写背景の手描き人物置換  元写真の背景を保ったまま、人物だけを素朴な手描きキャラクターに置換する制御例。 ケースを見る |
Case 531：クリスタルフレームの国別旅行キャンペーン  透明なクリスタルフレーム、鏡面反射、国別ランドマーク、上品な編集タイポを組み合わせた旅行広告。 ケースを見る |
Case 532：6分割レモンドリンク広告 架空レモンドリンクの6分割広告。水平線、動作リズム、主役商品への盛り上げを統一した例。 ケースを見る |
完全なテンプレートライブラリは docs/templates.md にあります。カテゴリ別に素早く移動したい場合は、上の プロンプトテンプレートカテゴリ を利用してください。全文を確認したい場合は、産業向けプロンプトテンプレートと落とし穴ガイド を開いてください。
- まず注目ケースから、模倣したい出力タイプを決めます。
- フルギャラリーを開き、近いケースを探します。最初に構造を写し、その後にスタイル語を調整します。
- 最後にテンプレートページへ戻り、一般テンプレートまたは JSON テンプレートへ自分の業務変数を入力します。
本プロジェクトは、収集と研究の過程で YouMind および OpenNana の公開プロンプトライブラリを参照し、学習、要約、方法論研究の目的で利用しています。著作権は原作者または各プラットフォームに帰属します。権利侵害または不適切な利用がある場合はご連絡ください。速やかに修正または削除します。
本プロジェクトは、公開アクセス可能なコミュニティプロンプトとサンプル画像を学習・研究目的で整理するものです。第三者のオリジナルコンテンツに対する所有権を主張するものではありません。
このリポジトリ内のすべてのプロンプトケースと生成画像は、公開コミュニティ、特に YouMind と OpenNana から着想を得たものです。本プロジェクトの目的は、優れた事例を再利用可能な構造化プロトコルへ分解し、学習、要約、大規模モデル Agent による自動テストに活用することです。
- 原作者プロフィール、元投稿リンク、ソースリポジトリリンクなど、可能な限り原典情報を保持するよう努めています。
- 第三者コンテンツについては、ソースリポジトリの記載、
CC BY 4.0などのライセンス、および関連プラットフォームの規約に従います。 - 原作者または権利者として、特定の項目を表示すべきではないと考える場合は、該当項目のリンクを添えて Issue を作成してください。確認後、適切な場合は速やかに削除します。
- 本リポジトリは、第三者コンテンツの商用利用可能性を保証しません。商用利用の前に、必ず元の権利者から許諾を取得してください。
このライブラリが役に立った場合は、ぜひリポジトリに Star をお願いします。
本プロジェクトは MIT License のもとでオープンソース公開されています。ライセンス表示を保持する限り、自由に利用、変更、配布、二次開発できます。