awesome-gpt-image-2

Prompt as Code | GPT-Image2 工业级提示词引擎与模板库，500+ 逆向工程案例，20+ 工业级模板

English | 简体中文 | 日本語

不定期更新新工作流。欢迎 Star。 本项目由 Ciyuan API 赞助，这是一个提供高性价比 GPT Image 2 接入的 AI 聚合平台。

🌐 可视化网站

通过在线站点 gpt-image2.canghe.ai 以产品体验方式浏览案例库：打开大图预览、复制完整提示词、按风格或场景筛选、Google 登录后测试生成，并可一键跳回 GitHub 上的源案例。

付费社区

GPT-Image2 交流群现已转为付费社区。请在社区页面登录，完成一次性 ¥9.90 支付宝支付，服务器确认付款后才会显示受保护的群二维码。

如需支付、访问、退款或产品相关咨询，请关注微信公众号 苍何 或扫描下方卡片并发送消息。

❤️ 赞助商

想在此展示吗？ 通过 GitHub Sponsors 支持本项目，或在微信上搜索苍何并发送您的产品名称及简短的赞助说明。

赞助商	介绍
	感谢 APIMart 对本项目的赞助！APIMart 是一个面向 AI 图像与视频生成的低成本 API 平台——GPT-Image-2 低至 $0.006/张，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。中文界面与文档、支持微信支付、按量付费无月费——新用户赠送 $1 免费额度（约 50 张图）。点击注册。
	感谢 PackyCode 对本项目的赞助！PackyCode 是为 Claude Code、Codex、Gemini 等提供稳定高性能 API 中继服务的提供商。自动故障转移、智能路由和无限制并发，帮助将 AI 编程转化为可靠的生产力工具。点击注册开始使用。
	感谢 DolOffer 对本项目的支持。DolOffer 是一个专注于数字产品推荐与优惠分享的平台，帮助用户快速发现实用工具、服务与限时福利。提供 YouTube Premium、Claude、ChatGPT Plus、Spotify、Apple Music 等热门订阅，价格低至官方价的 30% 甚至更低，正品稳定、售后无忧。通过我们的专属链接注册，充值时输入优惠码 AI8888 可额外享受 9 折优惠。
	项目赞助商。PPToken 提供 ChatGPT、Claude、Gemini 等主流 AI 模型的 API 中转与密钥分发服务，支持低延迟访问、高可用保障、按量计费和灵活订阅方案。
	项目赞助商。Ciyuan API 是一个提供稳定、低延迟大模型 API 服务的 AI 聚合平台，支持本项目让 GPT Image 2 的探索对开发者更加实用。
	社区赞助渠道。GitHub Sponsors 帮助资助持续的案例收集、网站维护、工业级模板提炼和 Agent Skill 更新。

⚡️ 项目愿景

GPT-Image2 全面开放后，AI 图像生成的核心问题从"能否生成图像？"转变为"能否生成稳定、可控、可复用的图像？"本项目将零散的社区案例转化为 Prompt-as-Code 资产，便于 agent 和自动化工作流复用。

核心目标很简单：将散文式提示词压缩为结构化协议。当您需要批量生成、模板系统或生产级工作流时，这种结构比一堆孤立的示例更有价值。

• 🧱 原子化模式：将主体、灯光、材质、布局和视觉细节拆分为可组合的部件
• ⚙️ 工作流友好：专为 agent、脚本和自动化系统设计
• 🧬 结构化控制：提升对布局、文案和信息层级的可控性

📖 快速链接

• 完整案例库
• 案例库第一部分：案例 1-165
• 案例库第二部分：案例 166-532
• 工业级提示词模板与避坑指南
• Agent Skill：GPT-Image2 风格库
• MIT License
• 完整免责声明

🗂️ 分类概览

先从案例集找到视觉方向，然后打开提示词模板分类，将该方向转化为可复用的结构。

🖼️ 案例集

🧩 UI 与界面 73 个案例 App、网站、仪表盘、社交媒体截图和产品界面。 查看案例	📊 图表与信息图 52 个案例 信息图、知识图谱、技术图解和结构化图表。 查看案例	📰 海报与排版 86 个案例 活动海报、封面、文字驱动的视觉效果和强构图版式。 查看案例
🛍️ 产品与电商 41 个案例 产品图、详情页、包装、卖点和广告。 查看案例	🏷️ 品牌与 Logo 27 个案例 Logo、识别系统、品牌触点和营销视觉。 查看案例	🏛️ 建筑与空间 12 个案例 建筑渲染、室内设计、城市地图和空间概念。 查看案例
📷 摄影与写实 77 个案例 人像、手机摄影、胶片质感和商业摄影。 查看案例	🎨 插画与艺术 58 个案例 插画、艺术风格、材质实验和装饰图像。 查看案例	🧍 角色与人像 29 个案例 角色设计、姿势参考、卡牌和 3D 玩具。 查看案例
🎬 场景与叙事 20 个案例 分镜、叙事场景、直播画面和世界观构建。 查看案例	🏮 历史与中国古典主题 16 个案例 古典画卷、历史人物、传统主题和诗词意境。 查看案例	📚 文档与出版 10 个案例 白皮书、手册、百科图版和出版版式。 查看案例
🧪 其他用例 28 个案例 创意实验、特殊任务、混合工作流和实用案例。 查看案例	🖼️ 全部案例 按案例库分册和分类浏览全部 532 个案例。 打开案例库	⭐ 最新收录 仓库中最新收集的社区案例与工作流。 查看最新

🧩 提示词模板分类

提示词正文暂保留在原始模板文档中。本首页仅增加英文导航层。

模板第 1 / 4 页：设计与信息类

分类	模板入口	核心能力
🧩 UI 与界面	查看提示词	组件、页面层级、截图质感
📊 图表与信息图	查看提示词	模块、箭头、数据结构、可读性
📰 海报与排版	查看提示词	布局、标题系统、人物、视觉冲击力

模板第 2 / 4 页：商业与空间类

分类	模板入口	核心能力
🛍️ 产品与电商	查看提示词	产品卖点、包装、详情页结构
🏷️ 品牌与 Logo	查看提示词	Logo、识别系统、品牌触点体系
🏛️ 建筑与空间	查看提示词	透视、材质、室内外光照

模板第 3 / 4 页：影像与角色类

分类	模板入口	核心能力
📷 摄影与写实	查看提示词	镜头、光影、写实质感
🎨 插画与艺术	查看提示词	笔触、材质、艺术风格
🧍 角色与人像	查看提示词	角色设计、姿势表、一致性

模板第 4 / 4 页：叙事与扩展类

分类	模板入口	核心能力
🎬 场景与叙事	查看提示词	分镜、世界观构建、情绪节奏
🏮 历史与中国古典主题	查看提示词	朝代、服饰、画卷式叙事
📚 文档与出版	查看提示词	页面系统、目录、版式规则
🧪 其他用例	查看提示词	混合任务、实验性工作流、特殊输出

🤖 Agent Skill

本仓库包含一个 Agent Skill，用于从与网站相同的数据中选择 GPT-Image2 风格、模板、分类和场景标签。

包链接：npm / GitHub Packages

使用 style library 技能请求城市生活系统地图的示例输出。

Agent Skills 快速安装

推荐用于 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 --copy

Claude Code 插件市场

在 Claude Code 中运行以下命令：

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

npm CLI

如果您更喜欢 npm，请安装 CLI，然后将技能同步到本地 Agent 文件夹：

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

也可以不进行全局安装直接运行：

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

从 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 会将技能写入 Codex 和 Claude Code 使用的常见本地文件夹，包括 ~/.codex/skills、~/.claude/skills 和 ~/.agents/skills。安装后请重启 Agent 会话。

使用时可以这样请求：

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

本地源码开发：

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

技能源码位于 agents/skills/gpt-image-2-style-library。其生成的参考数据来自 data/style-library.json，因此网站和 Agent 工作流共享同一个风格库。

🔐 网站认证与生成

可视化网站包含基于 Supabase Auth、Supabase Postgres 和 Vercel Function 代理实现的登录后案例生成功能（调用 GPT Image 2 API）。

所需的 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/20260721090000_alipay_webpay.sql，然后配置每个积分包的审核后人民币价格。参见 支付宝网站支付设置。
• 在启用付费社区前应用 supabase/migrations/20260722090000_paid_community.sql。在受保护二维码、支付宝对接以及生产环境支付/退款检查完成前，保持 COMMUNITY_PAYMENT_ENABLED=false。参见付费社区运行手册。
• 应用 supabase/migrations/20260512090000_google_account_center.sql 以添加账户使用汇总和超级管理员的强制积分充值功能。
• 应用 supabase/migrations/20260512143000_pricing_admin_metrics.sql 以更新 $5 / 300 积分 目录并添加管理后台指标。
• 应用 supabase/migrations/20260515090000_case_favorites.sql 以添加按用户维度的案例收藏功能。
• 将 https://gpt-image2.canghe.ai 和本地开发地址（如 http://127.0.0.1:5173）添加到 Supabase Auth 重定向 URL。
• 在 Supabase Dashboard 中添加 Google OAuth 凭据后启用 Google Provider。
• 如需强制仅 Google 登录，请在 Supabase Auth 设置中禁用 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 资源，将测量 ID 填入 VITE_GA_MEASUREMENT_ID，并将数字资源 ID 复制到 GA4_PROPERTY_ID。
• 创建一个 Google OAuth Web Client，授权重定向 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 作为 Sensitive 环境变量添加到 Vercel。

🖼️ 精选案例

案例 1：信息图可视化

一个工程白皮书风格的信息图案例，用于研究模块化结构、信息层级和中英双语标签。 查看完整案例

案例 2：社交媒体界面截图

一个"产品界面 + 社交内容截图"混合案例，用于控制文本块、UI 框架和内容卡片。 查看完整案例

案例 6：插画艺术

一个日系幻想插画示例，用于研究氛围、色彩和大场景构图。 查看完整案例

案例 17：交互设计图解

一个经典的"结构化拆解 + 说明性布局"案例，适用于产品图解和海报式技术解说。 查看完整案例

案例 166：十二黄金圣斗士卡牌套装

一个多卡牌、统一风格的案例，用于研究批量生成和系列化设计。 查看完整案例

案例 310：零食品牌技术拆解

[![零食品牌技术拆解](https://api.ai-feeds.com/r/gh/freestylefly/awesome-g