awesome-gpt-image-2/README.zh-CN.md at main · freestylefly/awesome-gpt-image-2

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

English | 简体中文 | 日本語

不定期更新最新的玩法，欢迎star。本项目由词元 API 提供赞助支持。词元 API 是一个 AI 聚合平台，可以高性价比使用 GPT Image 2。

🌐 可视化网站

访问 gpt-image2.canghe.ai 可以用产品化方式浏览案例：查看大图、复制完整 Prompt、按风格或场景筛选、登录后测试生成，并快速跳回 GitHub 源案例。

付费交流群

GPT-Image2 交流群现已改为付费加入。请登录付费群页面，通过支付宝一次性支付 ¥9.90；只有服务端确认付款后，当前账号才能查看受保护的群二维码。

支付、入群、退款或产品使用遇到问题，可以关注微信公众号苍何，扫描下方二维码后直接留言联系。

❤️ 赞助方

想出现在这里？可以通过 GitHub Sponsors 支持项目，也可以在微信搜索苍何并发送产品名与简短赞助说明。

赞助方	说明
	感谢 hiapi 赞助了本项目！hiapi 是聚焦 AI 图片/视频生成的 API 平台——GPT-Image-2 全系（文生图、图生图、1K–4K）加 Seedance、可灵、万相等视频模型，统一异步 API 通吃：提交任务拿 `task_id`，轮询或回调取结果，跑批不超时、换模型不改代码。生成结果转存自有 CDN 并支持持久化存储——图片/视频链接长期有效、随时回取，免去自行下载备份。原生 Remote MCP 与 Agent Skills，一行接入 Claude Code、Cursor。中文界面与文档、支持微信支付，按量付费无月费，新用户注册即送 $1（约 50 张图）。通过此注册链接即可开用。
	感谢 APIMart 赞助了本项目！APIMart 是专注 AI 图片/视频生成的低价 API 平台，GPT-Image-2 低至 `$0.006/张`，1 美元可出图 160+ 张。图片、视频一套异步 API 通吃，提交任务拿 ID、回调取结果，跑批万张不超时、换模型不改代码。按量付费、无月费，通过此注册链接注册即可开用。
	感谢 DolOffer 对本项目的支持！DolOffer 是一个专注于数字产品推荐与优惠分享的平台，帮助用户快速发现值得关注的工具、服务和限时福利。平台提供 YouTube Premium、Claude、ChatGPT Plus、Spotify、Apple Music 等多种热门订阅服务，价格低至官方价的 3 折甚至更低，正版稳定，售后无忧。现在通过我们的专属链接注册，并在充值时输入优惠码 `AI8888`，即可额外享受 9 折优惠。
	项目赞助方。PPToken 提供 ChatGPT、Claude、Gemini 等主流 AI 模型的 API 中转和 Key 分发能力，支持低延迟、高可用、按量付费和灵活订阅。
	项目赞助方。词元 API 是一个面向开发者的 AI 聚合平台，提供稳定、低延迟的大模型 API 服务，也支持本项目持续探索 GPT Image 2 的实用工作流。
	社区赞助入口。GitHub Sponsors 将用于持续采集案例、维护网站、整理工业级模板与 Agent Skill。

⚡️ 项目愿景

GPT-Image2 全量开放后，AI 画图从“能不能出图”变成了“能不能稳定、可控、可复用地出图”。这个项目关注的是把零散案例逆向整理成一套更适合 Agent 和自动化工作流调用的 Prompt-as-Code 资产，而非单纯堆提示词。

核心目标只有一个：把“散文式提示词”压缩成“结构化协议”。当你需要批量出图、做模板系统、接进生产流程时，这种整理方式比单纯堆案例更有价值。

🧱 原子化 Schema：把主体、光影、材质、排版等视觉要素拆成可组合组件
⚙️ 工作流友好：面向 Agent、脚本和自动化系统，而不是只给人肉复制
🧬 结构化控制：尽量提高版式、文案、信息层级的可控性

📖 快速入口

🗂️ 分类概览

先看案例画册，快速找到你想参考的视觉类型；再看提示词模板，把对应类型拆成可复用结构。

🖼️ 案例分类画册

🧩 UI与界面 _{73 cases} _{App、网页、仪表盘、社媒截图与产品界面。} 查看案例	📊 图表与信息可视化 _{52 cases} _{信息图、知识图谱、技术解释与结构化图解。} 查看案例	📰 海报与排版 _{82 cases} _{活动海报、封面、字体视觉和强排版画面。} 查看案例
🛍️ 商品与电商 _{40 cases} _{商品图、详情页、包装卖点和商业广告。} 查看案例	🏷️ 品牌与标志 _{27 cases} _{Logo、VI、品牌触点和 Campaign 视觉系统。} 查看案例	🏛️ 建筑与空间 _{12 cases} _{建筑表现、室内空间、城市地图和空间概念。} 查看案例
📷 摄影与写实 _{75 cases} _{人像、手机纪实、胶片质感和商业摄影。} 查看案例	🎨 插画与艺术 _{56 cases} _{插画、艺术风格、材质实验和装饰画面。} 查看案例	🧍 人物与角色 _{26 cases} _{角色设定、动作参考、卡牌和 3D 玩具。} 查看案例
🎬 场景与叙事 _{20 cases} _{分镜、故事场景、直播画面和世界观叙事。} 查看案例	🏮 历史与古风题材 _{16 cases} _{古风长卷、历史人物、传统题材和诗词画面。} 查看案例	📚 文档与出版物 _{10 cases} _{白皮书、手册、百科图鉴和出版页设计。} 查看案例
🧪 其他应用场景 _{28 cases} _{创意实验、特殊任务、混合玩法和实用场景。} 查看案例	🖼️ 完整画廊 _{按分册浏览全部 520 个案例和代表案例入口。} 进入画廊	⭐ 最新新增 _{最近收录的 X 社区案例和新玩法。} 查看最新

🧩 提示词模板分类

模板 Page 1 / 4：设计与信息

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

模板 Page 2 / 4：商业与空间

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

模板 Page 3 / 4：影像与角色

分类	模板入口	核心能力
📷 摄影与写实	查看提示词	镜头、光线、真实纹理
🎨 插画与艺术	查看提示词	笔触、材质、艺术风格
🧍 人物与角色	查看提示词	人设、动作表、角色一致性

模板 Page 4 / 4：叙事与扩展

分类	模板入口	核心能力
🎬 场景与叙事	查看提示词	分镜、世界观、情绪铺陈
🏮 历史与古风题材	查看提示词	朝代、服饰、长卷叙事
📚 文档与出版物	查看提示词	页面系统、目录、版面规范
🧪 其他应用场景	查看提示词	混合任务、实验玩法、特殊输出

🤖 Agent Skill

仓库内提供了 agent skill，用同一份风格库数据为 Claude Code、Codex 等 Agent 选择 GPT-Image2 模板、分类、风格和场景标签。

包地址：npm / GitHub Packages

_{示例：用 gpt-image-2-style-library 生成“城市生命系统图谱”。}

Agent 一键安装

推荐给 Claude Code、Codex、Cursor，以及其他 skills 支持的本地 Agent：

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 会话。

这样调用：

使用 gpt-image-2-style-library 技能，帮我生成介绍 Codex 的信息图

本地源码开发时使用：

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

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 应用到 Supabase 项目，添加会员套餐、积分包、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 项目，添加账户用量统计和超级管理员强制扣积分逻辑。
将 supabase/migrations/20260512143000_pricing_admin_metrics.sql 应用到 Supabase 项目，更新 $5 / 300 credits 价格体系，并添加管理员数据看板指标。
将 supabase/migrations/20260515090000_case_favorites.sql 应用到 Supabase 项目，添加用户案例收藏表。
在 Supabase Auth Redirect URLs 里加入 https://gpt-image2.canghe.ai，以及 http://127.0.0.1:5173 等本地开发地址。
在 Supabase Dashboard 填入 Google OAuth 凭据并启用 Google Provider。
如需强制只允许 Google 登录，可以在 Supabase Auth settings 里关闭 Email Provider。
SUPABASE_SERVICE_ROLE_KEY 只放在 Vercel Environment Variables 这类服务端环境里。
配置 Stripe Checkout Webhook：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，打开脚本生成的授权链接，同意 analytics.readonly 权限，把回跳 URL 粘贴回终端，再把得到的 GOOGLE_ANALYTICS_REFRESH_TOKEN 作为 Sensitive 环境变量加到 Vercel。

🖼️ 首页精选

例 1：信息图可视化设计

工程白皮书气质的信息图案例，适合看结构化信息图如何组织模块、层级和双语标签。查看完整案例

例 2：社媒界面截图

偏“产品界面 + 社媒内容截图”的混合场景，适合看文字区域、UI 框架和内容卡片的控制方式。查看完整案例

例 6：插画艺术创作图

日系奇幻插画范例，适合观察氛围、色彩和大场景构图的描述方式。查看完整案例

例 17：界面交互设计图

典型的“结构分解图 + 说明排版”场景，适合做产品示意图、海报化技术讲解图。查看完整案例

例 166：十二黄金圣斗士卡牌合集

多卡面、多元素统一风格的案例，适合参考批量生成与系列化设计。查看完整案例

例 310：零食品牌技术分解图

品牌叙事、分解结构和商业化呈现结合得比较完整，适合作为“信息图 + 品牌视觉”混合参考。查看完整案例

苍何新增实测

例 330：月下美女直播画面 _{高仿直播截图，适合参考界面氛围、弹幕和人物写实结合。} 查看案例	例 334：RAG 技术详解图 _{技术概念、流程箭头和中文说明模块的结构参考。} 查看案例	例 338：《赤壁怀古》长卷图 _{长卷尺寸、古风叙事和整篇文字排版结合完整。} 查看案例
例 331：西安手绘水彩城市地图 _{城市地图、手绘路线和地标标注的轻量参考。} 查看案例	例 332：茶π产品宣传海报 _{饮品商品图、中文卖点和清爽商业海报组合。} 查看案例	例 339：Apple 风格自然科普海报 _{极简棚拍、自然主体和科普信息排版。} 查看案例

近 24 小时 X 社区新增

例 515：Guadalajara 复古电影旅行海报 _{复古城市电影海报 prompt，适合参考地标分层、剪影主体、节庆旗帜和旧印刷质感。} 查看案例	例 516：工业橡胶管品牌造型渲染 _{用弯折工业橡胶管重塑品牌物件，强调配色、接缝、压缩拉伸和棚拍产品光。} 查看案例	例 517：杯内鱼眼夏日冰饮广告 _{从透明杯内向外看的鱼眼广告构图，结合草莓冰、吸管纵深和夏日街景。} 查看案例
例 518：花田风动夏日人像 _{俯拍花田人像，把风吹花朵拖影、真实肌肤、夏日硬光和浅景深组织在一起。} 查看案例	例 519：薄荷玫瑰香水电商图 _{竖版电商商品图，保留瓶身细节并加入薄荷玫瑰、织带、冷调逆光和柔焦质感。} 查看案例	例 520：月面宇航员 T 恤图形 _{适合服饰印花的单色图形 prompt，包含宇航员、地球背景、T 恤载体和冷蓝白配色。} 查看案例

代表案例 1：月下美女直播画面

高仿直播截图场景，重点看界面氛围、中文弹幕和人物写实感的结合。查看完整案例

代表案例 2：RAG 技术详解图

适合用来参考“技术概念 + 信息图排版 + 中文说明模块”的组织方式。查看完整案例

代表案例 3：《赤壁怀古》长卷图

长卷尺寸、古风叙事和整篇文字排版结合得很完整，适合作为长文本视觉化参考。查看完整案例

🧩 模板入口

完整模板已移到 docs/templates.md。如果你想按分类快速跳转，直接使用上方的 提示词模板分类；如果想看完整模板正文，进入工业级提示词模板与防坑指南。

🚀 怎么用这个库

先在精选案例里确定你要模仿的输出类型。
再去完整画廊里找相近案例，抄结构，不要只抄风格词。
最后回到模板页，把你的业务变量填进通用模板或 JSON 模板。

📄 声明与补充

致谢与来源说明

本项目在整理与研究过程中，参考并使用了 YouMind 与 OpenNana 的公开提示词库内容，仅用于学习、归纳与方法论研究。相关内容版权归原作者或原平台所有，如有侵权或不当使用请联系处理，我们将第一时间修正或下线。

声明 (Disclaimer)

本项目仅整理公开可访问的社区提示词与示例图片，默认用于学习与研究，不主张对第三方原创内容的任何所有权。

本项目里的所有提示词案例和生成的图片，最初的灵感和数据来源均来自公开社区，特别是 YouMind 与 OpenNana。我们做这个项目，主要是想把好看的案例拆解成可复用的结构化协议，用于学习、归纳和大模型 Agent 接入的自动化测试。

我们尽最大努力保留原始来源，包括作者主页、原帖链接与原仓库链接。
涉及第三方内容时，遵循来源仓库声明、CC BY 4.0 等许可及对应平台规则。
若你是原作者或权利人，认为某条内容不应展示，请在本仓库发起 Issue 并附上条目链接，我们将在核验后快速下架。
本仓库不保证第三方内容可用于商业用途；商业使用前请自行取得原权利方授权。

如果你觉得这个库帮到了你，请点亮右上角的 Star ⭐。

Star 趋势图

📜 开源协议

本项目采用 MIT License 开源。你可以在保留许可声明的前提下自由使用、修改、分发与二次开发。

FilesExpand file tree

README.zh-CN.md

Latest commit

History