<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>GPT-Image2 on Producthunt daily</title>
        <link>https://producthunt.programnotes.cn/en/tags/gpt-image2/</link>
        <description>Recent content in GPT-Image2 on Producthunt daily</description>
        <generator>Hugo -- gohugo.io</generator>
        <language>en</language>
        <lastBuildDate>Mon, 24 Aug 2026 16:11:54 +0800</lastBuildDate><atom:link href="https://producthunt.programnotes.cn/en/tags/gpt-image2/index.xml" rel="self" type="application/rss+xml" /><item>
        <title>awesome-gpt-image-2</title>
        <link>https://producthunt.programnotes.cn/en/p/awesome-gpt-image-2/</link>
        <pubDate>Mon, 24 Aug 2026 16:11:54 +0800</pubDate>
        
        <guid>https://producthunt.programnotes.cn/en/p/awesome-gpt-image-2/</guid>
        <description>&lt;img src="https://images.unsplash.com/photo-1660085680472-1f35f1e5a056?ixid=M3w0NjAwMjJ8MHwxfHJhbmRvbXx8fHx8fHx8fDE3ODc1NTkwNTl8&amp;ixlib=rb-4.1.0" alt="Featured image of post awesome-gpt-image-2" /&gt;&lt;h1 id=&#34;freestyleflyawesome-gpt-image-2&#34;&gt;&lt;a class=&#34;link&#34; href=&#34;https://github.com/freestylefly/awesome-gpt-image-2&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;freestylefly/awesome-gpt-image-2&lt;/a&gt;
&lt;/h1&gt;&lt;p align=&#34;center&#34;&gt;&lt;img src=&#34;./data/images/banner.svg&#34; alt=&#34;GPT-Image2 Prompt System&#34; width=&#34;800&#34; /&gt;&lt;/p&gt;
&lt;h3 align=&#34;center&#34;&gt;Prompt as Code | GPT-Image2 Industrial Prompt Engine &amp; Template Library, 500+ Reverse-Engineered Cases, 20+ Industrial Templates&lt;/h3&gt;
&lt;p align=&#34;center&#34;&gt;
  &lt;a href=&#34;https://github.com/freestylefly/awesome-gpt-image-2&#34;&gt;&lt;img src=&#34;https://img.shields.io/github/stars/freestylefly/awesome-gpt-image-2?style=flat-square&amp;color=rgb(25%2C%20121%2C%20255)&#34; alt=&#34;Stars&#34;&gt;&lt;/a&gt;
  &lt;a href=&#34;https://github.com/freestylefly/awesome-gpt-image-2&#34;&gt;&lt;img src=&#34;https://img.shields.io/github/forks/freestylefly/awesome-gpt-image-2?style=flat-square&amp;color=green&#34; alt=&#34;Forks&#34;&gt;&lt;/a&gt;
  &lt;a href=&#34;https://github.com/freestylefly/awesome-gpt-image-2&#34;&gt;&lt;img src=&#34;https://img.shields.io/badge/Cases-532-blueviolet?style=flat-square&#34; alt=&#34;Cases&#34;&gt;&lt;/a&gt;
  &lt;a href=&#34;https://github.com/freestylefly/awesome-gpt-image-2&#34;&gt;&lt;img src=&#34;https://img.shields.io/badge/100%25-Original_AI_Rewritten-green?style=flat-square&#34; alt=&#34;Original&#34;&gt;&lt;/a&gt;
  &lt;a href=&#34;https://github.com/sponsors/freestylefly&#34;&gt;&lt;img src=&#34;https://img.shields.io/badge/Sponsor-GitHub%20Sponsors-ff69b4?style=flat-square&#34; alt=&#34;Sponsor&#34;&gt;&lt;/a&gt;
&lt;/p&gt;
&lt;p align=&#34;center&#34;&gt;
  &lt;a href=&#34;https://trendshift.io/repositories/28623?utm_source=repository-badge&amp;amp;utm_medium=badge&amp;amp;utm_campaign=badge-repository-28623&#34;&gt;
    &lt;img src=&#34;https://trendshift.io/api/badge/repositories/28623&#34; alt=&#34;freestylefly/awesome-gpt-image-2 | Trendshift&#34; width=&#34;250&#34; height=&#34;55&#34;&gt;
  &lt;/a&gt;
&lt;/p&gt;
&lt;p align=&#34;center&#34;&gt;
  &lt;strong&gt;English&lt;/strong&gt; | &lt;a href=&#34;./README.zh-CN.md&#34;&gt;简体中文&lt;/a&gt; | &lt;a href=&#34;./README.ja.md&#34;&gt;日本語&lt;/a&gt;
&lt;/p&gt;
&lt;h2 id=&#34;-visual-website&#34;&gt;🌐 Visual Website
&lt;/h2&gt;&lt;p&gt;Use the live site at &lt;a class=&#34;link&#34; href=&#34;https://gpt-image2.canghe.ai/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;gpt-image2.canghe.ai&lt;/a&gt; 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.&lt;/p&gt;
&lt;p align=&#34;center&#34;&gt;
  &lt;a href=&#34;https://gpt-image2.canghe.ai/&#34;&gt;
    &lt;img src=&#34;data/images/site-preview.png&#34; alt=&#34;GPT-Image2 Gallery website preview&#34; width=&#34;900&#34;&gt;
  &lt;/a&gt;
&lt;/p&gt;
&lt;h2 id=&#34;paid-community&#34;&gt;Paid Community
&lt;/h2&gt;&lt;p&gt;The GPT-Image2 discussion group is now a paid community. Sign in on the &lt;a class=&#34;link&#34; href=&#34;https://gpt-image2.canghe.ai/community&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;community page&lt;/a&gt;, make a one-time &lt;strong&gt;¥9.90&lt;/strong&gt; Alipay payment, and the protected group QR will appear only after the server confirms payment.&lt;/p&gt;
&lt;p&gt;For payment, access, refund, or product questions, follow the WeChat official account &lt;strong&gt;苍何&lt;/strong&gt; or scan the card below and send a message.&lt;/p&gt;
&lt;p align=&#34;center&#34;&gt;
  &lt;img src=&#34;src/assets/canghe-official-account.png&#34; alt=&#34;苍何 WeChat official account QR code and search card&#34; width=&#34;760&#34;&gt;
&lt;/p&gt;
&lt;h2 id=&#34;-sponsors&#34;&gt;❤️ Sponsors
&lt;/h2&gt;&lt;blockquote&gt;
&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;data/images/sponsors/wechat-personal.jpg&#34; &gt;Want to appear here?&lt;/a&gt; Support the project through GitHub Sponsors, or search 苍何 on WeChat and send your product name plus a short sponsorship note.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;table&gt;
	&lt;thead&gt;
			&lt;tr&gt;
					&lt;th&gt;Sponsor&lt;/th&gt;
					&lt;th&gt;Description&lt;/th&gt;
			&lt;/tr&gt;
	&lt;/thead&gt;
	&lt;tbody&gt;
			&lt;tr&gt;
					&lt;td&gt;&lt;a href=&#34;https://apimart.ai/register?aff=oQgzUQ&#34;&gt;&lt;img src=&#34;data/images/sponsors/apimart.jpg&#34; alt=&#34;APIMart&#34; width=&#34;240&#34;&gt;&lt;/a&gt;&lt;/td&gt;
					&lt;td&gt;Thanks to APIMart for sponsoring this project! APIMart is a low-cost API platform for AI image &amp;amp; video generation — GPT-Image-2 from &lt;code&gt;$0.006/image&lt;/code&gt;, 160+ images per dollar. One async API covers both image and video: submit a task, get an ID, fetch results via polling or callback. Batch tens of thousands of images without timeouts, switch models without changing code. Pay-as-you-go with no monthly fee — &lt;a class=&#34;link&#34; href=&#34;https://apimart.ai/register?aff=oQgzUQ&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;sign up here&lt;/a&gt; to get started.&lt;/td&gt;
			&lt;/tr&gt;
			&lt;tr&gt;
					&lt;td&gt;&lt;a href=&#34;https://www.hiapi.ai/zh/register?aff=DzuH&#34;&gt;&lt;img src=&#34;data/images/sponsors/hiapi.jpg&#34; alt=&#34;hiapi&#34; width=&#34;240&#34;&gt;&lt;/a&gt;&lt;/td&gt;
					&lt;td&gt;Thanks to hiapi for sponsoring this project! hiapi is an AI image &amp;amp; video generation API platform — GPT-Image-2 (text-to-image, image edit, 1K–4K) alongside video models like Seedance, Kling and Wan, all through one unified async API: submit a task, get a &lt;code&gt;task_id&lt;/code&gt;, fetch results by polling or callback, batch without timeouts, switch models without code changes. Every result is stored on hiapi&amp;rsquo;s own CDN with &lt;strong&gt;persistent storage&lt;/strong&gt;, so your image/video URLs stay available long-term and can be fetched anytime — no rushing to download and back them up yourself. Native Remote MCP and Agent Skills plug straight into Claude Code &amp;amp; Cursor. Chinese UI &amp;amp; docs, WeChat Pay, pay-as-you-go with no monthly fee — new users get $1 free credit (~50 images). &lt;a class=&#34;link&#34; href=&#34;https://www.hiapi.ai/en/register?aff=DzuH&amp;amp;utm_source=github&amp;amp;utm_medium=sponsor&amp;amp;utm_campaign=awesome-gpt-image-2&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Sign up here&lt;/a&gt;.&lt;/td&gt;
			&lt;/tr&gt;
			&lt;tr&gt;
					&lt;td&gt;&lt;a href=&#34;https://www.packyapi.ai/register?aff=CV0c&#34;&gt;&lt;img src=&#34;data/images/sponsors/packycode.png&#34; alt=&#34;PackyCode&#34; width=&#34;240&#34;&gt;&lt;/a&gt;&lt;/td&gt;
					&lt;td&gt;Thanks to PackyCode for sponsoring this project! PackyCode is a stable, high-performance API relay provider for Claude Code, Codex, Gemini, and more. Automatic failover, smart routing, and unlimited concurrency help turn AI coding into a reliable productivity tool. &lt;a class=&#34;link&#34; href=&#34;https://www.packyapi.ai/register?aff=CV0c&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Register here&lt;/a&gt; to get started.&lt;/td&gt;
			&lt;/tr&gt;
			&lt;tr&gt;
					&lt;td&gt;&lt;a href=&#34;https://doloffer.com/friend/HuHEKQOk&#34;&gt;&lt;img src=&#34;data/images/sponsors/doloffer.jpg&#34; alt=&#34;DolOffer&#34; width=&#34;240&#34;&gt;&lt;/a&gt;&lt;/td&gt;
					&lt;td&gt;Thank you to DolOffer for supporting this project. DolOffer is a platform focused on digital product recommendations and deal sharing, helping users quickly discover useful tools, services, and limited-time benefits. It offers popular subscriptions including YouTube Premium, Claude, ChatGPT Plus, Spotify, and Apple Music at prices as low as 30% of official pricing or even lower, with genuine stable service and worry-free support. Register through our &lt;a class=&#34;link&#34; href=&#34;https://doloffer.com/friend/HuHEKQOk&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;exclusive link&lt;/a&gt; and enter promo code &lt;code&gt;AI8888&lt;/code&gt; when topping up to get an extra 10% off.&lt;/td&gt;
			&lt;/tr&gt;
			&lt;tr&gt;
					&lt;td&gt;&lt;a href=&#34;https://pptoken.cc/&#34;&gt;&lt;img src=&#34;data/images/sponsors/pptoken.png&#34; alt=&#34;PPToken&#34; width=&#34;240&#34;&gt;&lt;/a&gt;&lt;/td&gt;
					&lt;td&gt;Project sponsor. PPToken provides API relay and key distribution for ChatGPT, Claude, Gemini, and other mainstream AI models, with low-latency access, high availability, pay-as-you-go billing, and flexible subscription plans.&lt;/td&gt;
			&lt;/tr&gt;
	&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a name=&#34;section-vision&#34;&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h2 id=&#34;-project-vision&#34;&gt;⚡️ Project Vision
&lt;/h2&gt;&lt;p&gt;After GPT-Image2 became widely available, AI image generation moved from &amp;ldquo;can it make an image?&amp;rdquo; to &amp;ldquo;can it make stable, controllable, reusable images?&amp;rdquo; This project turns scattered community examples into Prompt-as-Code assets that are easier for agents and automation workflows to reuse.&lt;/p&gt;
&lt;p&gt;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.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;🧱 Atomic schema: split subjects, lighting, materials, layout, and visual details into composable parts&lt;/li&gt;
&lt;li&gt;⚙️ Workflow friendly: designed for agents, scripts, and automation systems&lt;/li&gt;
&lt;li&gt;🧬 Structured control: improve controllability for layout, copy, and information hierarchy&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;-quick-links&#34;&gt;📖 Quick Links
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;a class=&#34;link&#34; href=&#34;docs/gallery.md&#34; &gt;Full case gallery&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a class=&#34;link&#34; href=&#34;docs/gallery-part-1.md&#34; &gt;Gallery Part 1: cases 1-165&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a class=&#34;link&#34; href=&#34;docs/gallery-part-2.md&#34; &gt;Gallery Part 2: cases 166-532&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a class=&#34;link&#34; href=&#34;docs/templates.md&#34; &gt;Industrial prompt templates and pitfalls guide&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a class=&#34;link&#34; href=&#34;agents/skills/gpt-image-2-style-library/SKILL.md&#34; &gt;Agent skill: GPT-Image2 Style Library&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a class=&#34;link&#34; href=&#34;LICENSE&#34; &gt;MIT License&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a class=&#34;link&#34; href=&#34;docs/disclaimer.md#section-disclaimer&#34; &gt;Full disclaimer&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;-category-overview&#34;&gt;🗂️ Category Overview
&lt;/h2&gt;&lt;p&gt;Start with the case album to find a visual direction, then open the prompt template categories to turn that direction into reusable structure.&lt;/p&gt;
&lt;h3 id=&#34;-case-album&#34;&gt;🖼️ Case Album
&lt;/h3&gt;&lt;table&gt;
  &lt;tr&gt;
    &lt;td width=&#34;33%&#34; valign=&#34;top&#34; align=&#34;center&#34;&gt;
      &lt;p&gt;&lt;strong&gt;🧩 UI &amp; Interfaces&lt;/strong&gt;&lt;br&gt;&lt;sub&gt;73 cases&lt;/sub&gt;&lt;/p&gt;
      &lt;a href=&#34;docs/gallery.md#cat-ui&#34;&gt;&lt;img src=&#34;data/images/category-covers/ui.jpg&#34; alt=&#34;UI and interfaces&#34; width=&#34;220&#34;&gt;&lt;/a&gt;&lt;br&gt;
      &lt;sub&gt;Apps, websites, dashboards, social screenshots, and product interfaces.&lt;/sub&gt;&lt;br&gt;
      &lt;a href=&#34;docs/gallery.md#cat-ui&#34;&gt;&lt;strong&gt;View Cases&lt;/strong&gt;&lt;/a&gt;
    &lt;/td&gt;
    &lt;td width=&#34;33%&#34; valign=&#34;top&#34; align=&#34;center&#34;&gt;
      &lt;p&gt;&lt;strong&gt;📊 Charts &amp; Infographics&lt;/strong&gt;&lt;br&gt;&lt;sub&gt;52 cases&lt;/sub&gt;&lt;/p&gt;
      &lt;a href=&#34;docs/gallery.md#cat-infographic&#34;&gt;&lt;img src=&#34;data/images/category-covers/infographic.jpg&#34; alt=&#34;Charts and infographics&#34; width=&#34;220&#34;&gt;&lt;/a&gt;&lt;br&gt;
      &lt;sub&gt;Infographics, knowledge maps, technical explainers, and structured diagrams.&lt;/sub&gt;&lt;br&gt;
      &lt;a href=&#34;docs/gallery.md#cat-infographic&#34;&gt;&lt;strong&gt;View Cases&lt;/strong&gt;&lt;/a&gt;
    &lt;/td&gt;
    &lt;td width=&#34;33%&#34; valign=&#34;top&#34; align=&#34;center&#34;&gt;
      &lt;p&gt;&lt;strong&gt;📰 Posters &amp; Typography&lt;/strong&gt;&lt;br&gt;&lt;sub&gt;86 cases&lt;/sub&gt;&lt;/p&gt;
      &lt;a href=&#34;docs/gallery.md#cat-poster&#34;&gt;&lt;img src=&#34;data/images/category-covers/poster.jpg&#34; alt=&#34;Posters and typography&#34; width=&#34;220&#34;&gt;&lt;/a&gt;&lt;br&gt;
      &lt;sub&gt;Event posters, covers, type-driven visuals, and strong layout compositions.&lt;/sub&gt;&lt;br&gt;
      &lt;a href=&#34;docs/gallery.md#cat-poster&#34;&gt;&lt;strong&gt;View Cases&lt;/strong&gt;&lt;/a&gt;
    &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td width=&#34;33%&#34; valign=&#34;top&#34; align=&#34;center&#34;&gt;
      &lt;p&gt;&lt;strong&gt;🛍️ Products &amp; E-commerce&lt;/strong&gt;&lt;br&gt;&lt;sub&gt;41 cases&lt;/sub&gt;&lt;/p&gt;
      &lt;a href=&#34;docs/gallery.md#cat-product&#34;&gt;&lt;img src=&#34;data/images/category-covers/product.jpg&#34; alt=&#34;Products and e-commerce&#34; width=&#34;220&#34;&gt;&lt;/a&gt;&lt;br&gt;
      &lt;sub&gt;Product shots, detail pages, packaging, selling points, and ads.&lt;/sub&gt;&lt;br&gt;
      &lt;a href=&#34;docs/gallery.md#cat-product&#34;&gt;&lt;strong&gt;View Cases&lt;/strong&gt;&lt;/a&gt;
    &lt;/td&gt;
    &lt;td width=&#34;33%&#34; valign=&#34;top&#34; align=&#34;center&#34;&gt;
      &lt;p&gt;&lt;strong&gt;🏷️ Brand &amp; Logos&lt;/strong&gt;&lt;br&gt;&lt;sub&gt;27 cases&lt;/sub&gt;&lt;/p&gt;
      &lt;a href=&#34;docs/gallery.md#cat-brand&#34;&gt;&lt;img src=&#34;data/images/category-covers/brand.jpg&#34; alt=&#34;Brand and logos&#34; width=&#34;220&#34;&gt;&lt;/a&gt;&lt;br&gt;
      &lt;sub&gt;Logos, identity systems, brand touchpoints, and campaign visuals.&lt;/sub&gt;&lt;br&gt;
      &lt;a href=&#34;docs/gallery.md#cat-brand&#34;&gt;&lt;strong&gt;View Cases&lt;/strong&gt;&lt;/a&gt;
    &lt;/td&gt;
    &lt;td width=&#34;33%&#34; valign=&#34;top&#34; align=&#34;center&#34;&gt;
      &lt;p&gt;&lt;strong&gt;🏛️ Architecture &amp; Spaces&lt;/strong&gt;&lt;br&gt;&lt;sub&gt;12 cases&lt;/sub&gt;&lt;/p&gt;
      &lt;a href=&#34;docs/gallery.md#cat-architecture&#34;&gt;&lt;img src=&#34;data/images/category-covers/architecture.jpg&#34; alt=&#34;Architecture and spaces&#34; width=&#34;220&#34;&gt;&lt;/a&gt;&lt;br&gt;
      &lt;sub&gt;Architecture renders, interiors, city maps, and spatial concepts.&lt;/sub&gt;&lt;br&gt;
      &lt;a href=&#34;docs/gallery.md#cat-architecture&#34;&gt;&lt;strong&gt;View Cases&lt;/strong&gt;&lt;/a&gt;
    &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td width=&#34;33%&#34; valign=&#34;top&#34; align=&#34;center&#34;&gt;
      &lt;p&gt;&lt;strong&gt;📷 Photography &amp; Realism&lt;/strong&gt;&lt;br&gt;&lt;sub&gt;77 cases&lt;/sub&gt;&lt;/p&gt;
      &lt;a href=&#34;docs/gallery.md#cat-photo&#34;&gt;&lt;img src=&#34;data/images/category-covers/photo.jpg&#34; alt=&#34;Photography and realism&#34; width=&#34;220&#34;&gt;&lt;/a&gt;&lt;br&gt;
      &lt;sub&gt;Portraits, phone photography, film texture, and commercial photography.&lt;/sub&gt;&lt;br&gt;
      &lt;a href=&#34;docs/gallery.md#cat-photo&#34;&gt;&lt;strong&gt;View Cases&lt;/strong&gt;&lt;/a&gt;
    &lt;/td&gt;
    &lt;td width=&#34;33%&#34; valign=&#34;top&#34; align=&#34;center&#34;&gt;
      &lt;p&gt;&lt;strong&gt;🎨 Illustration &amp; Art&lt;/strong&gt;&lt;br&gt;&lt;sub&gt;58 cases&lt;/sub&gt;&lt;/p&gt;
      &lt;a href=&#34;docs/gallery.md#cat-illustration&#34;&gt;&lt;img src=&#34;data/images/category-covers/illustration.jpg&#34; alt=&#34;Illustration and art&#34; width=&#34;220&#34;&gt;&lt;/a&gt;&lt;br&gt;
      &lt;sub&gt;Illustration, art styles, material experiments, and decorative images.&lt;/sub&gt;&lt;br&gt;
      &lt;a href=&#34;docs/gallery.md#cat-illustration&#34;&gt;&lt;strong&gt;View Cases&lt;/strong&gt;&lt;/a&gt;
    &lt;/td&gt;
    &lt;td width=&#34;33%&#34; valign=&#34;top&#34; align=&#34;center&#34;&gt;
      &lt;p&gt;&lt;strong&gt;🧍 Characters &amp; People&lt;/strong&gt;&lt;br&gt;&lt;sub&gt;29 cases&lt;/sub&gt;&lt;/p&gt;
      &lt;a href=&#34;docs/gallery.md#cat-character&#34;&gt;&lt;img src=&#34;data/images/category-covers/character.jpg&#34; alt=&#34;Characters and people&#34; width=&#34;220&#34;&gt;&lt;/a&gt;&lt;br&gt;
      &lt;sub&gt;Character design, pose references, cards, and 3D toys.&lt;/sub&gt;&lt;br&gt;
      &lt;a href=&#34;docs/gallery.md#cat-character&#34;&gt;&lt;strong&gt;View Cases&lt;/strong&gt;&lt;/a&gt;
    &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td width=&#34;33%&#34; valign=&#34;top&#34; align=&#34;center&#34;&gt;
      &lt;p&gt;&lt;strong&gt;🎬 Scenes &amp; Storytelling&lt;/strong&gt;&lt;br&gt;&lt;sub&gt;20 cases&lt;/sub&gt;&lt;/p&gt;
      &lt;a href=&#34;docs/gallery.md#cat-scene&#34;&gt;&lt;img src=&#34;data/images/category-covers/scene.jpg&#34; alt=&#34;Scenes and storytelling&#34; width=&#34;220&#34;&gt;&lt;/a&gt;&lt;br&gt;
      &lt;sub&gt;Storyboards, narrative scenes, livestream frames, and worldbuilding.&lt;/sub&gt;&lt;br&gt;
      &lt;a href=&#34;docs/gallery.md#cat-scene&#34;&gt;&lt;strong&gt;View Cases&lt;/strong&gt;&lt;/a&gt;
    &lt;/td&gt;
    &lt;td width=&#34;33%&#34; valign=&#34;top&#34; align=&#34;center&#34;&gt;
      &lt;p&gt;&lt;strong&gt;🏮 History &amp; Classical Chinese Themes&lt;/strong&gt;&lt;br&gt;&lt;sub&gt;16 cases&lt;/sub&gt;&lt;/p&gt;
      &lt;a href=&#34;docs/gallery.md#cat-history&#34;&gt;&lt;img src=&#34;data/images/category-covers/history.jpg&#34; alt=&#34;History and classical Chinese themes&#34; width=&#34;220&#34;&gt;&lt;/a&gt;&lt;br&gt;
      &lt;sub&gt;Classical scrolls, historical figures, traditional themes, and poetry visuals.&lt;/sub&gt;&lt;br&gt;
      &lt;a href=&#34;docs/gallery.md#cat-history&#34;&gt;&lt;strong&gt;View Cases&lt;/strong&gt;&lt;/a&gt;
    &lt;/td&gt;
    &lt;td width=&#34;33%&#34; valign=&#34;top&#34; align=&#34;center&#34;&gt;
      &lt;p&gt;&lt;strong&gt;📚 Documents &amp; Publishing&lt;/strong&gt;&lt;br&gt;&lt;sub&gt;10 cases&lt;/sub&gt;&lt;/p&gt;
      &lt;a href=&#34;docs/gallery.md#cat-document&#34;&gt;&lt;img src=&#34;data/images/category-covers/document.jpg&#34; alt=&#34;Documents and publishing&#34; width=&#34;220&#34;&gt;&lt;/a&gt;&lt;br&gt;
      &lt;sub&gt;White papers, manuals, encyclopedic plates, and publishing layouts.&lt;/sub&gt;&lt;br&gt;
      &lt;a href=&#34;docs/gallery.md#cat-document&#34;&gt;&lt;strong&gt;View Cases&lt;/strong&gt;&lt;/a&gt;
    &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td width=&#34;33%&#34; valign=&#34;top&#34; align=&#34;center&#34;&gt;
      &lt;p&gt;&lt;strong&gt;🧪 Other Use Cases&lt;/strong&gt;&lt;br&gt;&lt;sub&gt;28 cases&lt;/sub&gt;&lt;/p&gt;
      &lt;a href=&#34;docs/gallery.md#cat-other&#34;&gt;&lt;img src=&#34;data/images/category-covers/other.jpg&#34; alt=&#34;Other use cases&#34; width=&#34;220&#34;&gt;&lt;/a&gt;&lt;br&gt;
      &lt;sub&gt;Creative experiments, special tasks, mixed workflows, and practical cases.&lt;/sub&gt;&lt;br&gt;
      &lt;a href=&#34;docs/gallery.md#cat-other&#34;&gt;&lt;strong&gt;View Cases&lt;/strong&gt;&lt;/a&gt;
    &lt;/td&gt;
    &lt;td width=&#34;33%&#34; valign=&#34;top&#34; align=&#34;center&#34;&gt;
      &lt;h4&gt;🖼️ Full Gallery&lt;/h4&gt;
      &lt;a href=&#34;docs/gallery.md&#34;&gt;&lt;img src=&#34;data/images/category-covers/gallery.jpg&#34; alt=&#34;Full gallery&#34; width=&#34;220&#34;&gt;&lt;/a&gt;&lt;br&gt;
      &lt;sub&gt;Browse all 532 cases by gallery part and category.&lt;/sub&gt;&lt;br&gt;
      &lt;a href=&#34;docs/gallery.md&#34;&gt;&lt;strong&gt;Open Gallery&lt;/strong&gt;&lt;/a&gt;
    &lt;/td&gt;
    &lt;td width=&#34;33%&#34; valign=&#34;top&#34; align=&#34;center&#34;&gt;
      &lt;h4&gt;⭐ Latest Additions&lt;/h4&gt;
      &lt;a href=&#34;docs/gallery-part-2.md#case-532&#34;&gt;&lt;img src=&#34;data/images/case532.jpg&#34; alt=&#34;Latest additions&#34; width=&#34;220&#34;&gt;&lt;/a&gt;&lt;br&gt;
      &lt;sub&gt;The newest community cases and workflows collected in the repo.&lt;/sub&gt;&lt;br&gt;
      &lt;a href=&#34;docs/gallery-part-2.md#case-532&#34;&gt;&lt;strong&gt;View Latest&lt;/strong&gt;&lt;/a&gt;
    &lt;/td&gt;
  &lt;/tr&gt;
&lt;/table&gt;
&lt;h3 id=&#34;-prompt-template-categories&#34;&gt;🧩 Prompt Template Categories
&lt;/h3&gt;&lt;p&gt;The prompt body remains in the original template document for now. This homepage only adds an English navigation layer.&lt;/p&gt;
&lt;details open&gt;
&lt;summary&gt;&lt;strong&gt;Template Page 1 / 4: Design &amp; Information&lt;/strong&gt;&lt;/summary&gt;
&lt;table&gt;
	&lt;thead&gt;
			&lt;tr&gt;
					&lt;th&gt;Category&lt;/th&gt;
					&lt;th&gt;Template Entry&lt;/th&gt;
					&lt;th&gt;Core Capability&lt;/th&gt;
			&lt;/tr&gt;
	&lt;/thead&gt;
	&lt;tbody&gt;
			&lt;tr&gt;
					&lt;td&gt;🧩 UI &amp;amp; Interfaces&lt;/td&gt;
					&lt;td&gt;&lt;a class=&#34;link&#34; href=&#34;docs/templates.md#tpl-ui&#34; &gt;View Prompts&lt;/a&gt;&lt;/td&gt;
					&lt;td&gt;Components, page hierarchy, screenshot texture&lt;/td&gt;
			&lt;/tr&gt;
			&lt;tr&gt;
					&lt;td&gt;📊 Charts &amp;amp; Infographics&lt;/td&gt;
					&lt;td&gt;&lt;a class=&#34;link&#34; href=&#34;docs/templates.md#tpl-infographic&#34; &gt;View Prompts&lt;/a&gt;&lt;/td&gt;
					&lt;td&gt;Modules, arrows, data structure, readability&lt;/td&gt;
			&lt;/tr&gt;
			&lt;tr&gt;
					&lt;td&gt;📰 Posters &amp;amp; Typography&lt;/td&gt;
					&lt;td&gt;&lt;a class=&#34;link&#34; href=&#34;docs/templates.md#tpl-poster&#34; &gt;View Prompts&lt;/a&gt;&lt;/td&gt;
					&lt;td&gt;Layout, headline systems, people, visual impact&lt;/td&gt;
			&lt;/tr&gt;
	&lt;/tbody&gt;
&lt;/table&gt;
&lt;/details&gt;
&lt;details&gt;
&lt;summary&gt;&lt;strong&gt;Template Page 2 / 4: Commerce &amp; Space&lt;/strong&gt;&lt;/summary&gt;
&lt;table&gt;
	&lt;thead&gt;
			&lt;tr&gt;
					&lt;th&gt;Category&lt;/th&gt;
					&lt;th&gt;Template Entry&lt;/th&gt;
					&lt;th&gt;Core Capability&lt;/th&gt;
			&lt;/tr&gt;
	&lt;/thead&gt;
	&lt;tbody&gt;
			&lt;tr&gt;
					&lt;td&gt;🛍️ Products &amp;amp; E-commerce&lt;/td&gt;
					&lt;td&gt;&lt;a class=&#34;link&#34; href=&#34;docs/templates.md#tpl-product&#34; &gt;View Prompts&lt;/a&gt;&lt;/td&gt;
					&lt;td&gt;Product selling points, packaging, detail-page structure&lt;/td&gt;
			&lt;/tr&gt;
			&lt;tr&gt;
					&lt;td&gt;🏷️ Brand &amp;amp; Logos&lt;/td&gt;
					&lt;td&gt;&lt;a class=&#34;link&#34; href=&#34;docs/templates.md#tpl-brand&#34; &gt;View Prompts&lt;/a&gt;&lt;/td&gt;
					&lt;td&gt;Logos, identity, brand touchpoint systems&lt;/td&gt;
			&lt;/tr&gt;
			&lt;tr&gt;
					&lt;td&gt;🏛️ Architecture &amp;amp; Spaces&lt;/td&gt;
					&lt;td&gt;&lt;a class=&#34;link&#34; href=&#34;docs/templates.md#tpl-architecture&#34; &gt;View Prompts&lt;/a&gt;&lt;/td&gt;
					&lt;td&gt;Perspective, materials, indoor and outdoor lighting&lt;/td&gt;
			&lt;/tr&gt;
	&lt;/tbody&gt;
&lt;/table&gt;
&lt;/details&gt;
&lt;details&gt;
&lt;summary&gt;&lt;strong&gt;Template Page 3 / 4: Imaging &amp; Characters&lt;/strong&gt;&lt;/summary&gt;
&lt;table&gt;
	&lt;thead&gt;
			&lt;tr&gt;
					&lt;th&gt;Category&lt;/th&gt;
					&lt;th&gt;Template Entry&lt;/th&gt;
					&lt;th&gt;Core Capability&lt;/th&gt;
			&lt;/tr&gt;
	&lt;/thead&gt;
	&lt;tbody&gt;
			&lt;tr&gt;
					&lt;td&gt;📷 Photography &amp;amp; Realism&lt;/td&gt;
					&lt;td&gt;&lt;a class=&#34;link&#34; href=&#34;docs/templates.md#tpl-photo&#34; &gt;View Prompts&lt;/a&gt;&lt;/td&gt;
					&lt;td&gt;Lenses, lighting, realistic textures&lt;/td&gt;
			&lt;/tr&gt;
			&lt;tr&gt;
					&lt;td&gt;🎨 Illustration &amp;amp; Art&lt;/td&gt;
					&lt;td&gt;&lt;a class=&#34;link&#34; href=&#34;docs/templates.md#tpl-illustration&#34; &gt;View Prompts&lt;/a&gt;&lt;/td&gt;
					&lt;td&gt;Brushwork, materials, art styles&lt;/td&gt;
			&lt;/tr&gt;
			&lt;tr&gt;
					&lt;td&gt;🧍 Characters &amp;amp; People&lt;/td&gt;
					&lt;td&gt;&lt;a class=&#34;link&#34; href=&#34;docs/templates.md#tpl-character&#34; &gt;View Prompts&lt;/a&gt;&lt;/td&gt;
					&lt;td&gt;Character design, pose sheets, consistency&lt;/td&gt;
			&lt;/tr&gt;
	&lt;/tbody&gt;
&lt;/table&gt;
&lt;/details&gt;
&lt;details&gt;
&lt;summary&gt;&lt;strong&gt;Template Page 4 / 4: Narrative &amp; Extensions&lt;/strong&gt;&lt;/summary&gt;
&lt;table&gt;
	&lt;thead&gt;
			&lt;tr&gt;
					&lt;th&gt;Category&lt;/th&gt;
					&lt;th&gt;Template Entry&lt;/th&gt;
					&lt;th&gt;Core Capability&lt;/th&gt;
			&lt;/tr&gt;
	&lt;/thead&gt;
	&lt;tbody&gt;
			&lt;tr&gt;
					&lt;td&gt;🎬 Scenes &amp;amp; Storytelling&lt;/td&gt;
					&lt;td&gt;&lt;a class=&#34;link&#34; href=&#34;docs/templates.md#tpl-scene&#34; &gt;View Prompts&lt;/a&gt;&lt;/td&gt;
					&lt;td&gt;Storyboards, worldbuilding, emotional pacing&lt;/td&gt;
			&lt;/tr&gt;
			&lt;tr&gt;
					&lt;td&gt;🏮 History &amp;amp; Classical Chinese Themes&lt;/td&gt;
					&lt;td&gt;&lt;a class=&#34;link&#34; href=&#34;docs/templates.md#tpl-history&#34; &gt;View Prompts&lt;/a&gt;&lt;/td&gt;
					&lt;td&gt;Dynasties, clothing, scroll-style narrative&lt;/td&gt;
			&lt;/tr&gt;
			&lt;tr&gt;
					&lt;td&gt;📚 Documents &amp;amp; Publishing&lt;/td&gt;
					&lt;td&gt;&lt;a class=&#34;link&#34; href=&#34;docs/templates.md#tpl-document&#34; &gt;View Prompts&lt;/a&gt;&lt;/td&gt;
					&lt;td&gt;Page systems, tables of contents, layout rules&lt;/td&gt;
			&lt;/tr&gt;
			&lt;tr&gt;
					&lt;td&gt;🧪 Other Use Cases&lt;/td&gt;
					&lt;td&gt;&lt;a class=&#34;link&#34; href=&#34;docs/templates.md#tpl-other&#34; &gt;View Prompts&lt;/a&gt;&lt;/td&gt;
					&lt;td&gt;Mixed tasks, experimental workflows, special outputs&lt;/td&gt;
			&lt;/tr&gt;
	&lt;/tbody&gt;
&lt;/table&gt;
&lt;/details&gt;
&lt;h2 id=&#34;-agent-skill&#34;&gt;🤖 Agent Skill
&lt;/h2&gt;&lt;p&gt;This repository includes an agent skill for choosing GPT-Image2 styles, templates, categories, and scene tags from the same data used by the website.&lt;/p&gt;
&lt;p&gt;Package links: &lt;a class=&#34;link&#34; href=&#34;https://www.npmjs.com/package/gpt-image-2-style-library&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;npm&lt;/a&gt; / &lt;a class=&#34;link&#34; href=&#34;https://github.com/freestylefly/awesome-gpt-image-2/pkgs/npm/gpt-image-2-style-library&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;GitHub Packages&lt;/a&gt;&lt;/p&gt;
&lt;p align=&#34;center&#34;&gt;
  &lt;img src=&#34;agents/skills/gpt-image-2-style-library/assets/city-life-system-map.png&#34; alt=&#34;City life system map generated with the GPT-Image2 style library skill&#34; width=&#34;760&#34;&gt;
&lt;/p&gt;
&lt;p align=&#34;center&#34;&gt;&lt;sub&gt;Example output from a city-life-system-map request using the style library skill.&lt;/sub&gt;&lt;/p&gt;
&lt;h3 id=&#34;quick-install-for-agent-skills&#34;&gt;Quick Install for Agent Skills
&lt;/h3&gt;&lt;p&gt;Recommended for Claude Code, Codex, Cursor, and other tools supported by &lt;a class=&#34;link&#34; href=&#34;https://www.npmjs.com/package/skills&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;&lt;code&gt;skills&lt;/code&gt;&lt;/a&gt;:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;npx skills add freestylefly/awesome-gpt-image-2 --skill gpt-image-2-style-library --agent claude-code codex --global --yes --copy
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;Install to every supported local agent:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;npx skills add freestylefly/awesome-gpt-image-2 --global --all --copy
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;h3 id=&#34;claude-code-plugin-marketplace&#34;&gt;Claude Code Plugin Marketplace
&lt;/h3&gt;&lt;p&gt;Run these commands inside Claude Code:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-text&#34; data-lang=&#34;text&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;/plugin marketplace add freestylefly/awesome-gpt-image-2
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;/plugin install gpt-image-2-style-library@awesome-gpt-image-2
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;h3 id=&#34;npm-cli&#34;&gt;npm CLI
&lt;/h3&gt;&lt;p&gt;If you prefer npm, install the CLI and then sync the skill into local agent folders:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;npm install -g gpt-image-2-style-library
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;gpt-image-2-style-library install all
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;You can also run it without a global install:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;npx gpt-image-2-style-library install all
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;Install from GitHub Packages:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;3
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;npm login --scope&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;@freestylefly --registry&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;https://npm.pkg.github.com
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;npm install -g @freestylefly/gpt-image-2-style-library --registry&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;https://npm.pkg.github.com
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;gpt-image-2-style-library install all
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;&lt;code&gt;install all&lt;/code&gt; writes the skill to the common local folders used by Codex and Claude Code, including &lt;code&gt;~/.codex/skills&lt;/code&gt;, &lt;code&gt;~/.claude/skills&lt;/code&gt;, and &lt;code&gt;~/.agents/skills&lt;/code&gt;. Restart the agent session after installing.&lt;/p&gt;
&lt;p&gt;Use it with a request like:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-text&#34; data-lang=&#34;text&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;Use gpt-image-2-style-library to create an infographic prompt about Codex.
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;For local source development:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;npm run generate:style-skill
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;npm run install:skill
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;The skill source lives at &lt;a class=&#34;link&#34; href=&#34;agents/skills/gpt-image-2-style-library/SKILL.md&#34; &gt;&lt;code&gt;agents/skills/gpt-image-2-style-library&lt;/code&gt;&lt;/a&gt;. Its generated reference comes from &lt;a class=&#34;link&#34; href=&#34;data/style-library.json&#34; &gt;&lt;code&gt;data/style-library.json&lt;/code&gt;&lt;/a&gt;, so the website and Agent workflow share one style library.&lt;/p&gt;
&lt;h2 id=&#34;-website-auth--generation&#34;&gt;🔐 Website Auth &amp;amp; Generation
&lt;/h2&gt;&lt;p&gt;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.&lt;/p&gt;
&lt;p&gt;Required Vercel environment variables:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt; 1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 3
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 4
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 5
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 6
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 7
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 8
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 9
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;10
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;11
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;12
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;13
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;14
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nv&#34;&gt;VITE_SUPABASE_URL&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nv&#34;&gt;VITE_SUPABASE_ANON_KEY&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nv&#34;&gt;SUPABASE_SERVICE_ROLE_KEY&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nv&#34;&gt;SUPER_ADMIN_EMAILS&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;2689458656@qq.com,canghe0818@gmail.com
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nv&#34;&gt;CIYUAN_API_KEY&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nv&#34;&gt;CIYUAN_BASE_URL&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;https://ciyuan.today
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nv&#34;&gt;APP_URL&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;https://gpt-image2.canghe.ai
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nv&#34;&gt;STRIPE_SECRET_KEY&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nv&#34;&gt;STRIPE_WEBHOOK_SECRET&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nv&#34;&gt;VITE_GA_MEASUREMENT_ID&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nv&#34;&gt;GA4_PROPERTY_ID&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nv&#34;&gt;GOOGLE_ANALYTICS_CLIENT_ID&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nv&#34;&gt;GOOGLE_ANALYTICS_CLIENT_SECRET&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nv&#34;&gt;GOOGLE_ANALYTICS_REFRESH_TOKEN&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;Setup checklist:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Apply &lt;a class=&#34;link&#34; href=&#34;supabase/migrations/202605090001_user_credits.sql&#34; &gt;&lt;code&gt;supabase/migrations/202605090001_user_credits.sql&lt;/code&gt;&lt;/a&gt; to the Supabase project.&lt;/li&gt;
&lt;li&gt;Apply &lt;a class=&#34;link&#34; href=&#34;supabase/migrations/20260509090000_membership_billing.sql&#34; &gt;&lt;code&gt;supabase/migrations/20260509090000_membership_billing.sql&lt;/code&gt;&lt;/a&gt; to add membership plans, credit packs, Stripe order records, and credit adjustment RPCs.&lt;/li&gt;
&lt;li&gt;Apply &lt;a class=&#34;link&#34; href=&#34;supabase/migrations/20260721090000_alipay_webpay.sql&#34; &gt;&lt;code&gt;supabase/migrations/20260721090000_alipay_webpay.sql&lt;/code&gt;&lt;/a&gt; before enabling Alipay website payments, then configure each credit pack&amp;rsquo;s reviewed CNY price. See &lt;a class=&#34;link&#34; href=&#34;docs/alipay-web-payment.md&#34; &gt;Alipay website payment setup&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;Apply &lt;a class=&#34;link&#34; href=&#34;supabase/migrations/20260722090000_paid_community.sql&#34; &gt;&lt;code&gt;supabase/migrations/20260722090000_paid_community.sql&lt;/code&gt;&lt;/a&gt; before enabling the paid community. Keep &lt;code&gt;COMMUNITY_PAYMENT_ENABLED=false&lt;/code&gt; until the protected QR, Alipay onboarding, and production payment/refund checks are complete. See the &lt;a class=&#34;link&#34; href=&#34;docs/paid-community.md&#34; &gt;paid community runbook&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;Apply &lt;a class=&#34;link&#34; href=&#34;supabase/migrations/20260512090000_google_account_center.sql&#34; &gt;&lt;code&gt;supabase/migrations/20260512090000_google_account_center.sql&lt;/code&gt;&lt;/a&gt; to add account usage summaries and forced credit charging for super admins.&lt;/li&gt;
&lt;li&gt;Apply &lt;a class=&#34;link&#34; href=&#34;supabase/migrations/20260512143000_pricing_admin_metrics.sql&#34; &gt;&lt;code&gt;supabase/migrations/20260512143000_pricing_admin_metrics.sql&lt;/code&gt;&lt;/a&gt; to update the &lt;code&gt;$5 / 300 credits&lt;/code&gt; catalog and add admin dashboard metrics.&lt;/li&gt;
&lt;li&gt;Apply &lt;a class=&#34;link&#34; href=&#34;supabase/migrations/20260515090000_case_favorites.sql&#34; &gt;&lt;code&gt;supabase/migrations/20260515090000_case_favorites.sql&lt;/code&gt;&lt;/a&gt; to add per-user case favorites.&lt;/li&gt;
&lt;li&gt;Add &lt;code&gt;https://gpt-image2.canghe.ai&lt;/code&gt; and local dev URLs such as &lt;code&gt;http://127.0.0.1:5173&lt;/code&gt; to Supabase Auth redirect URLs.&lt;/li&gt;
&lt;li&gt;Enable the Google Provider after adding Google OAuth credentials in the Supabase Dashboard.&lt;/li&gt;
&lt;li&gt;To force Google-only sign-in, disable the Email Provider in Supabase Auth settings.&lt;/li&gt;
&lt;li&gt;Keep &lt;code&gt;SUPABASE_SERVICE_ROLE_KEY&lt;/code&gt; only in server-side environments such as Vercel Environment Variables.&lt;/li&gt;
&lt;li&gt;Configure Stripe Checkout with the webhook URL &lt;code&gt;https://gpt-image2.canghe.ai/api/billing/webhook&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;Subscribe the Stripe webhook to &lt;code&gt;checkout.session.completed&lt;/code&gt;, &lt;code&gt;invoice.payment_succeeded&lt;/code&gt;, &lt;code&gt;customer.subscription.updated&lt;/code&gt;, and &lt;code&gt;customer.subscription.deleted&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;Keep &lt;code&gt;STRIPE_SECRET_KEY&lt;/code&gt; and &lt;code&gt;STRIPE_WEBHOOK_SECRET&lt;/code&gt; only in server-side Vercel Environment Variables.&lt;/li&gt;
&lt;li&gt;Create a GA4 property for &lt;code&gt;gpt-image2.canghe.ai&lt;/code&gt;, add the measurement ID to &lt;code&gt;VITE_GA_MEASUREMENT_ID&lt;/code&gt;, and copy the numeric property ID to &lt;code&gt;GA4_PROPERTY_ID&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;Create a Google OAuth Web Client with &lt;code&gt;http://localhost:8080/oauth2callback&lt;/code&gt; as an authorized redirect URI, then add &lt;code&gt;GOOGLE_ANALYTICS_CLIENT_ID&lt;/code&gt; and &lt;code&gt;GOOGLE_ANALYTICS_CLIENT_SECRET&lt;/code&gt; to local &lt;code&gt;.env.local&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;Run &lt;code&gt;npm run ga4:oauth&lt;/code&gt;, open the generated URL, approve the &lt;code&gt;analytics.readonly&lt;/code&gt; permission, paste the callback URL into the terminal, then add the returned &lt;code&gt;GOOGLE_ANALYTICS_REFRESH_TOKEN&lt;/code&gt; to Vercel as a Sensitive environment variable.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;a name=&#34;section-gallery&#34;&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h2 id=&#34;-featured-cases&#34;&gt;🖼️ Featured Cases
&lt;/h2&gt;&lt;h3 id=&#34;case-1-infographic-visualization&#34;&gt;Case 1: Infographic Visualization
&lt;/h3&gt;&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;docs/gallery-part-1.md#case-1&#34; &gt;&lt;img src=&#34;https://producthunt.programnotes.cn/data/images/case1.jpg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;Urban Metabolism Atlas&#34;
	
	
&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;An engineering-whitepaper-style infographic case for studying modular structure, information hierarchy, and bilingual labels.
&lt;a class=&#34;link&#34; href=&#34;docs/gallery-part-1.md#case-1&#34; &gt;View full case&lt;/a&gt;&lt;/p&gt;
&lt;h3 id=&#34;case-2-social-media-interface-screenshot&#34;&gt;Case 2: Social Media Interface Screenshot
&lt;/h3&gt;&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;docs/gallery-part-1.md#case-2&#34; &gt;&lt;img src=&#34;https://producthunt.programnotes.cn/data/images/case2.jpg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;Ailln AI&#34;
	
	
&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;A mixed &amp;ldquo;product interface + social content screenshot&amp;rdquo; case for controlling text blocks, UI frames, and content cards.
&lt;a class=&#34;link&#34; href=&#34;docs/gallery-part-1.md#case-2&#34; &gt;View full case&lt;/a&gt;&lt;/p&gt;
&lt;h3 id=&#34;case-6-illustration-art&#34;&gt;Case 6: Illustration Art
&lt;/h3&gt;&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;docs/gallery-part-1.md#case-6&#34; &gt;&lt;img src=&#34;https://producthunt.programnotes.cn/data/images/case6.jpg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;Japanese fantasy illustration&#34;
	
	
&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;A Japanese fantasy illustration example for studying atmosphere, color, and large-scene composition.
&lt;a class=&#34;link&#34; href=&#34;docs/gallery-part-1.md#case-6&#34; &gt;View full case&lt;/a&gt;&lt;/p&gt;
&lt;h3 id=&#34;case-17-interaction-design-diagram&#34;&gt;Case 17: Interaction Design Diagram
&lt;/h3&gt;&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;docs/gallery-part-1.md#case-17&#34; &gt;&lt;img src=&#34;https://producthunt.programnotes.cn/data/images/case17.jpg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;Interaction design diagram&#34;
	
	
&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;A classic &amp;ldquo;structured breakdown + explanatory layout&amp;rdquo; case for product diagrams and poster-like technical explainers.
&lt;a class=&#34;link&#34; href=&#34;docs/gallery-part-1.md#case-17&#34; &gt;View full case&lt;/a&gt;&lt;/p&gt;
&lt;h3 id=&#34;case-166-twelve-gold-saints-card-set&#34;&gt;Case 166: Twelve Gold Saints Card Set
&lt;/h3&gt;&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;docs/gallery-part-2.md#case-166&#34; &gt;&lt;img src=&#34;https://producthunt.programnotes.cn/data/images/case166.jpg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;Twelve Gold Saints card set&#34;
	
	
&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;A multi-card, unified-style case for studying batch generation and series design.
&lt;a class=&#34;link&#34; href=&#34;docs/gallery-part-2.md#case-166&#34; &gt;View full case&lt;/a&gt;&lt;/p&gt;
&lt;h3 id=&#34;case-310-snack-brand-technical-breakdown&#34;&gt;Case 310: Snack Brand Technical Breakdown
&lt;/h3&gt;&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;docs/gallery-part-2.md#case-310&#34; &gt;&lt;img src=&#34;https://producthunt.programnotes.cn/data/images/case310.jpg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;Snack brand technical breakdown&#34;
	
	
&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;A strong hybrid of brand narrative, structural breakdown, and commercial presentation. Useful as an &amp;ldquo;infographic + brand visual&amp;rdquo; reference.
&lt;a class=&#34;link&#34; href=&#34;docs/gallery-part-2.md#case-310&#34; &gt;View full case&lt;/a&gt;&lt;/p&gt;
&lt;h3 id=&#34;canghe-original-tests&#34;&gt;Canghe Original Tests
&lt;/h3&gt;&lt;table&gt;
  &lt;tr&gt;
    &lt;td width=&#34;33%&#34; valign=&#34;top&#34; align=&#34;center&#34;&gt;
      &lt;p&gt;&lt;strong&gt;Case 330: Moonlit Livestream Scene&lt;/strong&gt;&lt;/p&gt;
      &lt;a href=&#34;docs/gallery-part-2.md#case-330&#34;&gt;&lt;img src=&#34;data/images/category-covers/scene.jpg&#34; alt=&#34;Moonlit livestream scene&#34; width=&#34;220&#34;&gt;&lt;/a&gt;&lt;br&gt;
      &lt;sub&gt;A high-fidelity livestream screenshot reference for UI atmosphere, comments, and realistic people.&lt;/sub&gt;&lt;br&gt;
      &lt;a href=&#34;docs/gallery-part-2.md#case-330&#34;&gt;&lt;strong&gt;View Case&lt;/strong&gt;&lt;/a&gt;
    &lt;/td&gt;
    &lt;td width=&#34;33%&#34; valign=&#34;top&#34; align=&#34;center&#34;&gt;
      &lt;p&gt;&lt;strong&gt;Case 334: RAG Technical Explainer&lt;/strong&gt;&lt;/p&gt;
      &lt;a href=&#34;docs/gallery-part-2.md#case-334&#34;&gt;&lt;img src=&#34;data/images/category-covers/infographic.jpg&#34; alt=&#34;RAG technical explainer&#34; width=&#34;220&#34;&gt;&lt;/a&gt;&lt;br&gt;
      &lt;sub&gt;A reference for technical concepts, process arrows, and Chinese explanation modules.&lt;/sub&gt;&lt;br&gt;
      &lt;a href=&#34;docs/gallery-part-2.md#case-334&#34;&gt;&lt;strong&gt;View Case&lt;/strong&gt;&lt;/a&gt;
    &lt;/td&gt;
    &lt;td width=&#34;33%&#34; valign=&#34;top&#34; align=&#34;center&#34;&gt;
      &lt;p&gt;&lt;strong&gt;Case 338: Red Cliff Classical Scroll&lt;/strong&gt;&lt;/p&gt;
      &lt;a href=&#34;docs/gallery-part-2.md#case-338&#34;&gt;&lt;img src=&#34;data/images/category-covers/history.jpg&#34; alt=&#34;Red Cliff classical scroll&#34; width=&#34;220&#34;&gt;&lt;/a&gt;&lt;br&gt;
      &lt;sub&gt;A complete example of scroll format, classical Chinese narrative, and full-text layout.&lt;/sub&gt;&lt;br&gt;
      &lt;a href=&#34;docs/gallery-part-2.md#case-338&#34;&gt;&lt;strong&gt;View Case&lt;/strong&gt;&lt;/a&gt;
    &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td width=&#34;33%&#34; valign=&#34;top&#34; align=&#34;center&#34;&gt;
      &lt;p&gt;&lt;strong&gt;Case 331: Hand-Drawn Xi&#39;an Watercolor Map&lt;/strong&gt;&lt;/p&gt;
      &lt;a href=&#34;docs/gallery-part-2.md#case-331&#34;&gt;&lt;img src=&#34;data/images/case331.png&#34; alt=&#34;Hand-drawn Xi&#39;an watercolor map&#34; width=&#34;220&#34;&gt;&lt;/a&gt;&lt;br&gt;
      &lt;sub&gt;A lightweight reference for city maps, hand-drawn routes, and landmark labels.&lt;/sub&gt;&lt;br&gt;
      &lt;a href=&#34;docs/gallery-part-2.md#case-331&#34;&gt;&lt;strong&gt;View Case&lt;/strong&gt;&lt;/a&gt;
    &lt;/td&gt;
    &lt;td width=&#34;33%&#34; valign=&#34;top&#34; align=&#34;center&#34;&gt;
      &lt;p&gt;&lt;strong&gt;Case 332: Tea Pi Product Poster&lt;/strong&gt;&lt;/p&gt;
      &lt;a href=&#34;docs/gallery-part-2.md#case-332&#34;&gt;&lt;img src=&#34;data/images/case332.png&#34; alt=&#34;Tea Pi product poster&#34; width=&#34;220&#34;&gt;&lt;/a&gt;&lt;br&gt;
      &lt;sub&gt;A beverage product image combining Chinese selling points and a clean commercial poster style.&lt;/sub&gt;&lt;br&gt;
      &lt;a href=&#34;docs/gallery-part-2.md#case-332&#34;&gt;&lt;strong&gt;View Case&lt;/strong&gt;&lt;/a&gt;
    &lt;/td&gt;
    &lt;td width=&#34;33%&#34; valign=&#34;top&#34; align=&#34;center&#34;&gt;
      &lt;p&gt;&lt;strong&gt;Case 339: Apple-Style Nature Science Poster&lt;/strong&gt;&lt;/p&gt;
      &lt;a href=&#34;docs/gallery-part-2.md#case-339&#34;&gt;&lt;img src=&#34;data/images/case339.jpg&#34; alt=&#34;Apple-style nature science poster&#34; width=&#34;220&#34;&gt;&lt;/a&gt;&lt;br&gt;
      &lt;sub&gt;Minimal studio photography, a natural subject, and science-poster information layout.&lt;/sub&gt;&lt;br&gt;
      &lt;a href=&#34;docs/gallery-part-2.md#case-339&#34;&gt;&lt;strong&gt;View Case&lt;/strong&gt;&lt;/a&gt;
    &lt;/td&gt;
  &lt;/tr&gt;
&lt;/table&gt;
&lt;h3 id=&#34;latest-community-additions&#34;&gt;Latest Community Additions
&lt;/h3&gt;&lt;p&gt;Only the latest collection and import run is shown here. Older imports stay in the full gallery.&lt;/p&gt;
&lt;table&gt;
  &lt;tr&gt;
    &lt;td width=&#34;33%&#34; valign=&#34;top&#34; align=&#34;center&#34;&gt;
      &lt;p&gt;&lt;strong&gt;Case 527: Rio Travel Ticket Pop-Up Diorama&lt;/strong&gt;&lt;/p&gt;
      &lt;a href=&#34;docs/gallery-part-2.md#case-527&#34;&gt;&lt;img src=&#34;data/images/case527.jpg&#34; alt=&#34;Rio Travel Ticket Pop-Up Diorama&#34; width=&#34;150&#34;&gt;&lt;/a&gt;&lt;br&gt;
      &lt;sub&gt;A vintage travel-ticket prompt that turns Rio landmarks, map notes, and miniature streets into one pop-up postcard.&lt;/sub&gt;&lt;br&gt;
      &lt;a href=&#34;docs/gallery-part-2.md#case-527&#34;&gt;&lt;strong&gt;View Case&lt;/strong&gt;&lt;/a&gt;
    &lt;/td&gt;
    &lt;td width=&#34;33%&#34; valign=&#34;top&#34; align=&#34;center&#34;&gt;
      &lt;p&gt;&lt;strong&gt;Case 528: Chibi Portrait on a Real Holiday Street&lt;/strong&gt;&lt;/p&gt;
      &lt;a href=&#34;docs/gallery-part-2.md#case-528&#34;&gt;&lt;img src=&#34;data/images/case528.jpg&#34; alt=&#34;Chibi Portrait on a Real Holiday Street&#34; width=&#34;150&#34;&gt;&lt;/a&gt;&lt;br&gt;
      &lt;sub&gt;A photo-editing prompt that keeps the real city background while turning the subject into a warm hand-drawn chibi character.&lt;/sub&gt;&lt;br&gt;
      &lt;a href=&#34;docs/gallery-part-2.md#case-528&#34;&gt;&lt;strong&gt;View Case&lt;/strong&gt;&lt;/a&gt;
    &lt;/td&gt;
    &lt;td width=&#34;33%&#34; valign=&#34;top&#34; align=&#34;center&#34;&gt;
      &lt;p&gt;&lt;strong&gt;Case 529: Cloud-Balloon Mountain Ridge Portrait&lt;/strong&gt;&lt;/p&gt;
      &lt;a href=&#34;docs/gallery-part-2.md#case-529&#34;&gt;&lt;img src=&#34;data/images/case529.jpg&#34; alt=&#34;Cloud-Balloon Mountain Ridge Portrait&#34; width=&#34;150&#34;&gt;&lt;/a&gt;&lt;br&gt;
      &lt;sub&gt;A travel-fashion portrait prompt with a giant cloud balloon, believable strings, mountain depth, and modest wardrobe control.&lt;/sub&gt;&lt;br&gt;
      &lt;a href=&#34;docs/gallery-part-2.md#case-529&#34;&gt;&lt;strong&gt;View Case&lt;/strong&gt;&lt;/a&gt;
    &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td width=&#34;33%&#34; valign=&#34;top&#34; align=&#34;center&#34;&gt;
      &lt;p&gt;&lt;strong&gt;Case 530: Doodle Characters on Photo Background&lt;/strong&gt;&lt;/p&gt;
      &lt;a href=&#34;docs/gallery-part-2.md#case-530&#34;&gt;&lt;img src=&#34;data/images/case530.jpg&#34; alt=&#34;Doodle Characters on Photo Background&#34; width=&#34;150&#34;&gt;&lt;/a&gt;&lt;br&gt;
      &lt;sub&gt;A controlled edit prompt that preserves the original photographic background and replaces only people with naive doodle characters.&lt;/sub&gt;&lt;br&gt;
      &lt;a href=&#34;docs/gallery-part-2.md#case-530&#34;&gt;&lt;strong&gt;View Case&lt;/strong&gt;&lt;/a&gt;
    &lt;/td&gt;
    &lt;td width=&#34;33%&#34; valign=&#34;top&#34; align=&#34;center&#34;&gt;
      &lt;p&gt;&lt;strong&gt;Case 531: Crystal-Frame Country Travel Campaign&lt;/strong&gt;&lt;/p&gt;
      &lt;a href=&#34;docs/gallery-part-2.md#case-531&#34;&gt;&lt;img src=&#34;data/images/case531.jpg&#34; alt=&#34;Crystal-Frame Country Travel Campaign&#34; width=&#34;150&#34;&gt;&lt;/a&gt;&lt;br&gt;
      &lt;sub&gt;A luxury travel campaign prompt using a transparent crystal frame, mirrored reflection, national landmarks, and refined editorial type.&lt;/sub&gt;&lt;br&gt;
      &lt;a href=&#34;docs/gallery-part-2.md#case-531&#34;&gt;&lt;strong&gt;View Case&lt;/strong&gt;&lt;/a&gt;
    &lt;/td&gt;
    &lt;td width=&#34;33%&#34; valign=&#34;top&#34; align=&#34;center&#34;&gt;
      &lt;p&gt;&lt;strong&gt;Case 532: Six-Panel Lemon Drink Micro Campaign&lt;/strong&gt;&lt;/p&gt;
      &lt;a href=&#34;docs/gallery-part-2.md#case-532&#34;&gt;&lt;img src=&#34;data/images/case532.jpg&#34; alt=&#34;Six-Panel Lemon Drink Micro Campaign&#34; width=&#34;150&#34;&gt;&lt;/a&gt;&lt;br&gt;
      &lt;sub&gt;A fictional lemon-drink campaign with a strict six-panel grid, consistent horizon, action rhythm, and a hero product climax.&lt;/sub&gt;&lt;br&gt;
      &lt;a href=&#34;docs/gallery-part-2.md#case-532&#34;&gt;&lt;strong&gt;View Case&lt;/strong&gt;&lt;/a&gt;
    &lt;/td&gt;
  &lt;/tr&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a name=&#34;section-templates&#34;&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h2 id=&#34;-template-entry&#34;&gt;🧩 Template Entry
&lt;/h2&gt;&lt;p&gt;The full template library lives in &lt;a class=&#34;link&#34; href=&#34;docs/templates.md&#34; &gt;&lt;code&gt;docs/templates.md&lt;/code&gt;&lt;/a&gt;. Use the &lt;strong&gt;Prompt Template Categories&lt;/strong&gt; above for quick category jumps, or open &lt;a class=&#34;link&#34; href=&#34;docs/templates.md&#34; &gt;Industrial prompt templates and pitfalls guide&lt;/a&gt; for the complete template text.&lt;/p&gt;
&lt;h2 id=&#34;-how-to-use-this-repository&#34;&gt;🚀 How To Use This Repository
&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;Start from the featured cases and decide what output type you want to imitate.&lt;/li&gt;
&lt;li&gt;Open the full gallery and find nearby cases. Copy structure first, then style words.&lt;/li&gt;
&lt;li&gt;Return to the template page and fill your business variables into the general or JSON templates.&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;a name=&#34;section-disclaimer&#34;&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h2 id=&#34;-notes--disclaimer&#34;&gt;📄 Notes &amp;amp; Disclaimer
&lt;/h2&gt;&lt;h2 id=&#34;acknowledgements--sources&#34;&gt;Acknowledgements &amp;amp; Sources
&lt;/h2&gt;&lt;p&gt;During collection and research, this project references public prompt-library content from &lt;a class=&#34;link&#34; href=&#34;https://youmind.com/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;YouMind&lt;/a&gt; and &lt;a class=&#34;link&#34; href=&#34;https://opennana.com/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;OpenNana&lt;/a&gt; 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.&lt;/p&gt;
&lt;h2 id=&#34;disclaimer&#34;&gt;Disclaimer
&lt;/h2&gt;&lt;p&gt;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.&lt;/p&gt;
&lt;p&gt;All prompt cases and generated images in this repository were initially inspired by public community sources, especially &lt;a class=&#34;link&#34; href=&#34;https://youmind.com/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;YouMind&lt;/a&gt; and &lt;a class=&#34;link&#34; href=&#34;https://opennana.com/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;OpenNana&lt;/a&gt;. The project aims to break down strong examples into reusable structured protocols for learning, summarization, and automated testing with large-model agents.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;We make every effort to preserve original sources, including author profiles, original post links, and source repository links.&lt;/li&gt;
&lt;li&gt;For third-party content, we follow source repository statements, licenses such as &lt;code&gt;CC BY 4.0&lt;/code&gt;, and the relevant platform rules.&lt;/li&gt;
&lt;li&gt;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.&lt;/li&gt;
&lt;li&gt;This repository does not guarantee that third-party content can be used commercially. Please obtain authorization from the original rights holder before commercial use.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;If this library helps you, please star the repository.&lt;/strong&gt;&lt;/p&gt;
&lt;h2 id=&#34;star-history&#34;&gt;Star History
&lt;/h2&gt;&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;https://star-history.com/#freestylefly/awesome-gpt-image-2&amp;amp;Date&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;&lt;img src=&#34;https://api.star-history.com/svg?repos=freestylefly/awesome-gpt-image-2&amp;amp;type=Date&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;Star History Chart&#34;
	
	
&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h2 id=&#34;-license&#34;&gt;📜 License
&lt;/h2&gt;&lt;p&gt;This project is open source under the &lt;a class=&#34;link&#34; href=&#34;LICENSE&#34; &gt;MIT License&lt;/a&gt;. You can use, modify, distribute, and build on it freely while preserving the license notice.&lt;/p&gt;
</description>
        </item>
        
    </channel>
</rss>
