awesome-gpt-image-2

<h3 align="center">Prompt as Code | GPT-Image2 Industrial Prompt Engine & Template Library, 400+ Reverse-Engineered Cases, 20+ Industrial Templates</h3>

English | 简体中文

Updated irregularly with new workflows. Stars are welcome.
This project is sponsored by Ciyuan API, an AI aggregation platform for cost-effective GPT Image 2 access.

🌐 Visual Website

Use the live site at gpt-image2.canghe.ai to browse the gallery as a product experience: open large previews, copy full prompts, filter by style or scenario, test generation after Google sign-in, and jump back to the source case on GitHub.

WeChat Official Account

Search 苍何 on WeChat or scan the QR card below. To join the GPT-Image2 community group, follow the account and reply with gpt-image-2交流群.

<a name="section-vision"></a>

⚡️ Project Vision

After GPT-Image2 became widely available, AI image generation moved from "can it make an image?" to "can it make stable, controllable, reusable images?" This project turns scattered community examples into Prompt-as-Code assets that are easier for agents and automation workflows to reuse.

The core goal is simple: compress prose-style prompts into structured protocols. When you need batch generation, template systems, or production workflows, this structure is more valuable than a pile of isolated examples.

• 🧱 Atomic schema: split subjects, lighting, materials, layout, and visual details into composable parts
• ⚙️ Workflow friendly: designed for agents, scripts, and automation systems
• 🧬 Structured control: improve controllability for layout, copy, and information hierarchy

📖 Quick Links

• Full case gallery
• Gallery Part 1: cases 1-165
• Gallery Part 2: cases 166-484
• Industrial prompt templates and pitfalls guide
• Agent skill: GPT-Image2 Style Library
• MIT License
• Full disclaimer

🗂️ Category Overview

Start with the case album to find a visual direction, then open the prompt template categories to turn that direction into reusable structure.

🖼️ Case Album

<table>
<tr>
<td width="33%" valign="top" align="center">
<p><strong>🧩 UI & Interfaces</strong><br>_{73 cases}</p>
<a href="docs/gallery.md#cat-ui">

</a><br>
_{Apps, websites, dashboards, social screenshots, and product interfaces.}<br>
<a href="docs/gallery.md#cat-ui"><strong>View Cases</strong></a>
</td>
<td width="33%" valign="top" align="center">
<p><strong>📊 Charts & Infographics</strong><br>_{51 cases}</p>
<a href="docs/gallery.md#cat-infographic">

</a><br>
_{Infographics, knowledge maps, technical explainers, and structured diagrams.}<br>
<a href="docs/gallery.md#cat-infographic"><strong>View Cases</strong></a>
</td>
<td width="33%" valign="top" align="center">
<p><strong>📰 Posters & Typography</strong><br>_{76 cases}</p>
<a href="docs/gallery.md#cat-poster">

</a><br>
_{Event posters, covers, type-driven visuals, and strong layout compositions.}<br>
<a href="docs/gallery.md#cat-poster"><strong>View Cases</strong></a>
</td>
</tr>
<tr>
<td width="33%" valign="top" align="center">
<p><strong>🛍️ Products & E-commerce</strong><br>_{37 cases}</p>
<a href="docs/gallery.md#cat-product">

</a><br>
_{Product shots, detail pages, packaging, selling points, and ads.}<br>
<a href="docs/gallery.md#cat-product"><strong>View Cases</strong></a>
</td>
<td width="33%" valign="top" align="center">
<p><strong>🏷️ Brand & Logos</strong><br>_{24 cases}</p>
<a href="docs/gallery.md#cat-brand">

</a><br>
_{Logos, identity systems, brand touchpoints, and campaign visuals.}<br>
<a href="docs/gallery.md#cat-brand"><strong>View Cases</strong></a>
</td>
<td width="33%" valign="top" align="center">
<p><strong>🏛️ Architecture & Spaces</strong><br>_{11 cases}</p>
<a href="docs/gallery.md#cat-architecture">

</a><br>
_{Architecture renders, interiors, city maps, and spatial concepts.}<br>
<a href="docs/gallery.md#cat-architecture"><strong>View Cases</strong></a>
</td>
</tr>
<tr>
<td width="33%" valign="top" align="center">
<p><strong>📷 Photography & Realism</strong><br>_{64 cases}</p>
<a href="docs/gallery.md#cat-photo">

</a><br>
_{Portraits, phone photography, film texture, and commercial photography.}<br>
<a href="docs/gallery.md#cat-photo"><strong>View Cases</strong></a>
</td>
<td width="33%" valign="top" align="center">
<p><strong>🎨 Illustration & Art</strong><br>_{50 cases}</p>
<a href="docs/gallery.md#cat-illustration">

</a><br>
_{Illustration, art styles, material experiments, and decorative images.}<br>
<a href="docs/gallery.md#cat-illustration"><strong>View Cases</strong></a>
</td>
<td width="33%" valign="top" align="center">
<p><strong>🧍 Characters & People</strong><br>_{23 cases}</p>
<a href="docs/gallery.md#cat-character">

</a><br>
_{Character design, pose references, cards, and 3D toys.}<br>
<a href="docs/gallery.md#cat-character"><strong>View Cases</strong></a>
</td>
</tr>
<tr>
<td width="33%" valign="top" align="center">
<p><strong>🎬 Scenes & Storytelling</strong><br>_{18 cases}</p>
<a href="docs/gallery.md#cat-scene">

</a><br>
_{Storyboards, narrative scenes, livestream frames, and worldbuilding.}<br>
<a href="docs/gallery.md#cat-scene"><strong>View Cases</strong></a>
</td>
<td width="33%" valign="top" align="center">
<p><strong>🏮 History & Classical Chinese Themes</strong><br>_{16 cases}</p>
<a href="docs/gallery.md#cat-history">

</a><br>
_{Classical scrolls, historical figures, traditional themes, and poetry visuals.}<br>
<a href="docs/gallery.md#cat-history"><strong>View Cases</strong></a>
</td>
<td width="33%" valign="top" align="center">
<p><strong>📚 Documents & Publishing</strong><br>_{10 cases}</p>
<a href="docs/gallery.md#cat-document">

</a><br>
_{White papers, manuals, encyclopedic plates, and publishing layouts.}<br>
<a href="docs/gallery.md#cat-document"><strong>View Cases</strong></a>
</td>
</tr>
<tr>
<td width="33%" valign="top" align="center">
<p><strong>🧪 Other Use Cases</strong><br>_{28 cases}</p>
<a href="docs/gallery.md#cat-other">

</a><br>
_{Creative experiments, special tasks, mixed workflows, and practical cases.}<br>
<a href="docs/gallery.md#cat-other"><strong>View Cases</strong></a>
</td>
<td width="33%" valign="top" align="center">
<h4>🖼️ Full Gallery</h4>
<a href="docs/gallery.md">

</a><br>
_{Browse all 484 cases by gallery part and category.}<br>
<a href="docs/gallery.md"><strong>Open Gallery</strong></a>
</td>
<td width="33%" valign="top" align="center">
<h4>⭐ Latest Additions</h4>
<a href="docs/gallery-part-2.md#case-484">

</a><br>
_{The newest community cases and workflows collected in the repo.}<br>
<a href="docs/gallery-part-2.md#case-484"><strong>View Latest</strong></a>
</td>
</tr>
</table>

🧩 Prompt Template Categories

The prompt body remains in the original template document for now. This homepage only adds an English navigation layer.

<details open>
<summary><strong>Template Page 1 / 4: Design & Information</strong></summary>

</details>

<details>
<summary><strong>Template Page 2 / 4: Commerce & Space</strong></summary>

</details>

<details>
<summary><strong>Template Page 3 / 4: Imaging & Characters</strong></summary>

</details>

<details>
<summary><strong>Template Page 4 / 4: Narrative & Extensions</strong></summary>

</details>

🤖 Agent Skill

This repository includes an agent skill for choosing GPT-Image2 styles, templates, categories, and scene tags from the same data used by the website.

Package links: npm / GitHub Packages

Example output from a city-life-system-map request using the style library skill.

Quick Install for Agent Skills

Recommended for Claude Code, Codex, Cursor, and other tools supported by skills:

npx skills add freestylefly/awesome-gpt-image-2 --skill gpt-image-2-style-library --agent claude-code codex --global --yes --copy

Install to every supported local agent:

npx skills add freestylefly/awesome-gpt-image-2 --global --all --copy

Claude Code Plugin Marketplace

Run these commands inside Claude Code:

/plugin marketplace add freestylefly/awesome-gpt-image-2
/plugin install gpt-image-2-style-library@awesome-gpt-image-2

npm CLI

If you prefer npm, install the CLI and then sync the skill into local agent folders:

npm install -g gpt-image-2-style-library
gpt-image-2-style-library install all

You can also run it without a global install:

npx gpt-image-2-style-library install all

Install from GitHub 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 all

install all writes the skill to the common local folders used by Codex and Claude Code, including ~/.codex/skills, ~/.claude/skills, and ~/.agents/skills. Restart the agent session after installing.

Use it with a request like:

Use gpt-image-2-style-library to create an infographic prompt about Codex.

For local source development:

npm run generate:style-skill
npm run install:skill

The skill source lives at agents/skills/gpt-image-2-style-library. Its generated reference comes from data/style-library.json, so the website and Agent workflow share one style library.

🔐 Website Auth & Generation

The visual site includes login-gated case generation powered by Supabase Auth, Supabase Postgres, and a Vercel Function proxy for the GPT Image 2 API.

Required Vercel environment variables:

VITE_SUPABASE_URL=
VITE_SUPABASE_ANON_KEY=
SUPABASE_SERVICE_ROLE_KEY=
[email protected],[email protected]
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=

Setup checklist:

• Apply supabase/migrations/202605090001_user_credits.sql to the Supabase project.
• Apply supabase/migrations/20260509090000_membership_billing.sql to add membership plans, credit packs, Stripe order records, and credit adjustment RPCs.
• Apply supabase/migrations/20260512090000_google_account_center.sql to add account usage summaries and forced credit charging for super admins.
• Apply supabase/migrations/20260512143000_pricing_admin_metrics.sql to update the $5 / 300 credits catalog and add admin dashboard metrics.
• Apply supabase/migrations/20260515090000_case_favorites.sql to add per-user case favorites.
• Add https://gpt-image2.canghe.ai and local dev URLs such as http://127.0.0.1:5173 to Supabase Auth redirect URLs.
• Enable the Google Provider after adding Google OAuth credentials in the Supabase Dashboard.
• To force Google-only sign-in, disable the Email Provider in Supabase Auth settings.
• Keep SUPABASE_SERVICE_ROLE_KEY only in server-side environments such as Vercel Environment Variables.
• Configure Stripe Checkout with the webhook URL https://gpt-image2.canghe.ai/api/billing/webhook.
• Subscribe the Stripe webhook to checkout.session.completed, invoice.payment_succeeded, customer.subscription.updated, and customer.subscription.deleted.
• Keep STRIPE_SECRET_KEY and STRIPE_WEBHOOK_SECRET only in server-side Vercel Environment Variables.
• Create a GA4 property for gpt-image2.canghe.ai, add the measurement ID to VITE_GA_MEASUREMENT_ID, and copy the numeric property ID to GA4_PROPERTY_ID.
• Create a Google OAuth Web Client with http://localhost:8080/oauth2callback as an authorized redirect URI, then add GOOGLE_ANALYTICS_CLIENT_ID and GOOGLE_ANALYTICS_CLIENT_SECRET to local .env.local.
• Run npm run ga4:oauth, open the generated URL, approve the analytics.readonly permission, paste the callback URL into the terminal, then add the returned GOOGLE_ANALYTICS_REFRESH_TOKEN to Vercel as a Sensitive environment variable.

<a name="section-gallery"></a>

🖼️ Featured Cases

Case 1: Infographic Visualization

An engineering-whitepaper-style infographic case for studying modular structure, information hierarchy, and bilingual labels.
View full case

Case 2: Social Media Interface Screenshot

A mixed "product interface + social content screenshot" case for controlling text blocks, UI frames, and content cards.
View full case

Case 6: Illustration Art

A Japanese fantasy illustration example for studying atmosphere, color, and large-scene composition.
View full case

Case 17: Interaction Design Diagram

A classic "structured breakdown + explanatory layout" case for product diagrams and poster-like technical explainers.
View full case

Case 166: Twelve Gold Saints Card Set

A multi-card, unified-style case for studying batch generation and series design.
View full case

Case 310: Snack Brand Technical Breakdown

A strong hybrid of brand narrative, structural breakdown, and commercial presentation. Useful as an "infographic + brand visual" reference.
View full case

Canghe Original Tests

<table>
<tr>
<td width="33%" valign="top" align="center">
<p><strong>Case 330: Moonlit Livestream Scene</strong></p>
<a href="docs/gallery-part-2.md#case-330">

</a><br>
_{A high-fidelity livestream screenshot reference for UI atmosphere, comments, and realistic people.}<br>
<a href="docs/gallery-part-2.md#case-330"><strong>View Case</strong></a>
</td>
<td width="33%" valign="top" align="center">
<p><strong>Case 334: RAG Technical Explainer</strong></p>
<a href="docs/gallery-part-2.md#case-334">

</a><br>
_{A reference for technical concepts, process arrows, and Chinese explanation modules.}<br>
<a href="docs/gallery-part-2.md#case-334"><strong>View Case</strong></a>
</td>
<td width="33%" valign="top" align="center">
<p><strong>Case 338: Red Cliff Classical Scroll</strong></p>
<a href="docs/gallery-part-2.md#case-338">

</a><br>
_{A complete example of scroll format, classical Chinese narrative, and full-text layout.}<br>
<a href="docs/gallery-part-2.md#case-338"><strong>View Case</strong></a>
</td>
</tr>
<tr>
<td width="33%" valign="top" align="center">
<p><strong>Case 331: Hand-Drawn Xi'an Watercolor Map</strong></p>
<a href="docs/gallery-part-2.md#case-331">

</a><br>
_{A lightweight reference for city maps, hand-drawn routes, and landmark labels.}<br>
<a href="docs/gallery-part-2.md#case-331"><strong>View Case</strong></a>
</td>
<td width="33%" valign="top" align="center">
<p><strong>Case 332: Tea Pi Product Poster</strong></p>
<a href="docs/gallery-part-2.md#case-332">

</a><br>
_{A beverage product image combining Chinese selling points and a clean commercial poster style.}<br>
<a href="docs/gallery-part-2.md#case-332"><strong>View Case</strong></a>
</td>
<td width="33%" valign="top" align="center">
<p><strong>Case 339: Apple-Style Nature Science Poster</strong></p>
<a href="docs/gallery-part-2.md#case-339">

</a><br>
_{Minimal studio photography, a natural subject, and science-poster information layout.}<br>
<a href="docs/gallery-part-2.md#case-339"><strong>View Case</strong></a>
</td>
</tr>
</table>

Latest Community Additions

Only the latest collection and import run is shown here. Older imports stay in the full gallery.

<table>
<tr>
<td width="25%" valign="top" align="center">
<p><strong>Case 477: Instagram Dining Table Concept</strong></p>
<a href="docs/gallery-part-2.md#case-477">

</a><br>
_{A physical social-post layout turned into a top-down dining-table scene with strict UI band and prop constraints.}<br>
<a href="docs/gallery-part-2.md#case-477"><strong>View Case</strong></a>
</td>
<td width="25%" valign="top" align="center">
<p><strong>Case 478: Layered Brand Editorial Poster</strong></p>
<a href="docs/gallery-part-2.md#case-478">

</a><br>
_{A 2x2 brand poster system with geometric occlusion, muted palette, and embedded product logic.}<br>
<a href="docs/gallery-part-2.md#case-478"><strong>View Case</strong></a>
</td>
<td width="25%" valign="top" align="center">
<p><strong>Case 479: Magazine Paper Collage Rewrite</strong></p>
<a href="docs/gallery-part-2.md#case-479">

</a><br>
_{A warm paper-cut collage prompt with texture, doodle accents, whitespace, and avoid rules.}<br>
<a href="docs/gallery-part-2.md#case-479"><strong>View Case</strong></a>
</td>
<td width="25%" valign="top" align="center">
<p><strong>Case 480: Fan Sketchbook Character Page</strong></p>
<a href="docs/gallery-part-2.md#case-480">

</a><br>
_{A chaotic sketchbook page prompt for character poses, chibi doodles, close-ups, and expressive studies.}<br>
<a href="docs/gallery-part-2.md#case-480"><strong>View Case</strong></a>
</td>
</tr>
<tr>
<td width="25%" valign="top" align="center">
<p><strong>Case 481: Korean Spring Scrapbook Poster</strong></p>
<a href="docs/gallery-part-2.md#case-481">

</a><br>
_{A spring fashion scrapbook poster with stickers, typography, pastel garden mood, and social-cover framing.}<br>
<a href="docs/gallery-part-2.md#case-481"><strong>View Case</strong></a>
</td>
<td width="25%" valign="top" align="center">
<p><strong>Case 482: Surreal Self-Reflection Campaign</strong></p>
<a href="docs/gallery-part-2.md#case-482">

</a><br>
_{A minimal surreal portrait campaign using a giant self-head prop, background typography, and identity-driven mood.}<br>
<a href="docs/gallery-part-2.md#case-482"><strong>View Case</strong></a>
</td>
<td width="25%" valign="top" align="center">
<p><strong>Case 483: Urban Birds Street Portrait</strong></p>
<a href="docs/gallery-part-2.md#case-483">

</a><br>
_{A cinematic street portrait with flying birds, graffiti silhouettes, natural daylight, and editorial polish.}<br>
<a href="docs/gallery-part-2.md#case-483"><strong>View Case</strong></a>
</td>
<td width="25%" valign="top" align="center">
<p><strong>Case 484: Neon Graffiti Monochrome Portrait</strong></p>
<a href="docs/gallery-part-2.md#case-484">

</a><br>
_{A high-contrast portrait upgraded with neon eyes, paint splashes, doodles, and street-poster energy.}<br>
<a href="docs/gallery-part-2.md#case-484"><strong>View Case</strong></a>
</td>
</tr>
</table>

<a name="section-templates"></a>

🧩 Template Entry

The full template library lives in docs/templates.md. Use the Prompt Template Categories above for quick category jumps, or open Industrial prompt templates and pitfalls guide for the complete template text.

🚀 How To Use This Repository

1. Start from the featured cases and decide what output type you want to imitate.
2. Open the full gallery and find nearby cases. Copy structure first, then style words.
3. Return to the template page and fill your business variables into the general or JSON templates.

<a name="section-disclaimer"></a>

📄 Notes & Disclaimer

Acknowledgements & Sources

During collection and research, this project references public prompt-library content from YouMind and OpenNana for learning, summarization, and methodology research. Copyright belongs to the original authors or platforms. If any content is infringing or inappropriate, please contact us and we will correct or remove it promptly.

Disclaimer

This project only organizes publicly accessible community prompts and example images for learning and research. It does not claim ownership of any third-party original content.

All prompt cases and generated images in this repository were initially inspired by public community sources, especially YouMind and OpenNana. The project aims to break down strong examples into reusable structured protocols for learning, summarization, and automated testing with large-model agents.

• We make every effort to preserve original sources, including author profiles, original post links, and source repository links.
• For third-party content, we follow source repository statements, licenses such as CC BY 4.0, and the relevant platform rules.
• If you are the original author or rights holder and believe an entry should not be displayed, please open an Issue with the entry link. We will review it and remove it quickly when appropriate.
• This repository does not guarantee that third-party content can be used commercially. Please obtain authorization from the original rights holder before commercial use.

If this library helps you, please star the repository.

Star History

📜 License

This project is open source under the MIT License. You can use, modify, distribute, and build on it freely while preserving the license notice.