awesome-gpt-image-2 实战指南532 个逆向案例、21 套工业级模板与 GPT-Image2 Style Library 的 Prompt as Code 工程化实践【免费下载链接】awesome-gpt-image-2Prompt as Code | GPT-Image2 工业级提示词引擎与模板库530 个案例逆向工程20 套工业级模板并提炼出Skills持续更新中项目地址: https://gitcode.com/GitHub_Trending/awe/awesome-gpt-image-2本文以开源仓库 awesome-gpt-image-2 为对象系统讲解其将散落的社区提示词提炼为可复用资产的核心方法论532 个逆向工程案例构成的多分类画廊、21 套开箱即用的工业级提示词模板与防坑指南以及面向 Claude Code、Codex 等 Agent 的 GPT-Image2 Style Library 技能包。读完本文你将掌握如何按分类 → 风格 → 场景 → 案例的链路快速产出稳定、可控、可复用的 GPT-Image2 提示词并了解仓库配套的可视化网站案例画廊 登录鉴权生成的完整技术架构与部署清单。项目定位把提示词当作代码Prompt as Code在 GPT-Image2 全面可用之后AI 图像生成的核心问题已从能不能出图转向能不能稳定、可控、可复用地产图。本项目的答案是把散文式的提示词压缩为结构化协议structured protocols让提示词像代码一样可组合、可复用、可被自动化流程调用——这正是Prompt as Code的含义。项目愿景凝练为三个可落地的工程原则原子化 SchemaAtomic schema将主体subject、光照lighting、材质materials、版式layout、视觉细节visual details拆解为可组合的独立部分工作流友好Workflow friendly结构专为 Agent、脚本与自动化系统设计而非仅供人类阅读结构化控制Structured control对版式、文案与信息层级提供更强的可控性适配批量生成、模板系统和生产工作流。从仓库数据层看这套原则有直接落地证据data/style-library.json 定义了categories13 个分类、styles视觉风格标签、scenes场景标签与templates模板条目四个维度的受控词表data/cases.json 则是从画廊文档自动解析生成的案例数据集每个案例都带有category、styles、scenes标签。整个仓库的数据模型围绕可检索、可分类、可被程序消费设计而非单纯堆图。案例画廊532 个逆向工程案例与 13 大分类画廊的组织方式完整画廊按 GitHub 渲染体积拆分为两册避免页面过长被截断Gallery Part 1例 1-165Gallery Part 2例 166-532画廊总览与推荐入口仓库文档标注的当前案例总数为 532README 徽章与 docs/gallery.md 均采用该数字data/cases.json 为最近一次数据生成时的快照其totalCases字段会随重新运行npm run generate:site-data而更新。13 大分类总览画廊按输出类型划分为 13 个分类每个分类对应独立的封面图与模板锚点cat-*分类数据定义见 data/style-library.json分类案例规模README 标注覆盖内容UI Interfaces73App、网站、仪表盘、社媒截图与产品界面Charts Infographics52信息图、知识图谱、技术图解与结构化图表Posters Typography86活动海报、封面、字体视觉与强排版画面Products E-commerce41商品图、详情页、包装卖点与商业广告Brand Logos27Logo、VI、品牌触点与 Campaign 视觉Architecture Spaces12建筑表现、室内空间、城市地图与空间概念Photography Realism77人像、手机纪实、胶片质感与商业摄影Illustration Art58插画、艺术风格、材质实验与装饰画面Characters People29角色设定、动作参考、卡牌与 3D 玩具Scenes Storytelling20分镜、故事场景、直播画面与世界观叙事History Classical Themes16古风长卷、历史人物、传统题材与诗词画面Documents Publishing10白皮书、手册、百科图鉴与出版页设计Other Use Cases28创意实验、特殊任务、混合玩法与实用场景使用画廊的正确姿势是先看案例相册找到视觉方向再打开提示词模板分类把方向转成可复用结构README Category Overview 的明确指引。精选案例Featured CasesREADME 首页精选了若干高价值案例作为学习入口每个案例都标注了可重点研究的维度Case 1 信息图可视化工程白皮书风格信息图研究模块化结构、信息层级与双语标注 —— 查看Case 2 社媒界面截图混合产品界面 社交内容截图研究文本块、UI 框架与内容卡片控制 —— 查看Case 6 插画艺术日式幻想插画研究氛围、色彩与大幅场景构图 —— 查看Case 17 交互设计图经典结构化拆解 说明性版式案例 —— 查看Case 166 十二黄金圣斗士卡牌多卡统一风格研究批量生成与系列设计 —— 查看Case 310 零食品牌技术分解图信息图 品牌视觉混合参考 —— 查看此外 docs/gallery.md 的推荐入口还收录了大量中文社区案例例如 Case 330 月下美女直播画面、Case 334 RAG 技术详解图、Case 338《赤壁怀古》长卷图、Case 355 概念字体海报、Case 362 抹茶品牌触点系统视觉板等。画廊的数据链路源码如何解析案例从源码结构看画廊文档与站点数据是单向生成的关系scripts/generate-site-data.mjs 负责把两册画廊 Markdowndocs/gallery-part-1.md、docs/gallery-part-2.md解析为结构化的 data/cases.json通过正则/a namecase-(\d)\/a/g切分每个案例块提取标题、配图、**提示词**代码块与**来源**字段结合 data/style-library.json 中的分类锚点cat-*为案例标注分类当分类缺失时通过关键词规则中英文关键词如ui/app/界面、infographic/信息图等自动推断依据风格/场景标签的关键词表为每个案例打上styles与scenes标签并标记精选案例featured列表。因此网站、Agent 与数据文件共用同一份风格库修改画廊文档后运行npm run generate:site-data即可重建数据集无需手工维护 JSON。工业级提示词模板21 套模板与防坑指南模板库完整存放在 docs/templates.mdREADME 首页提供了分类导航层4 页 12 类与画廊分类一一对应通过tpl-*锚点跳转。每套模板都自带避坑指南目标是直接复制填空不再玄学抽卡。模板分类导航Template Page 1-4页面分类核心能力1/4 Design InformationUI Interfaces组件、页面层级、截图质感Charts Infographics模块、箭头、数据结构、可读性Posters Typography版式、标题系统、人物、视觉冲击2/4 Commerce SpaceProducts E-commerce商品卖点、包装、详情页结构Brand LogosLogo、身份系统、品牌触点Architecture Spaces透视、材质、室内外光照3/4 Imaging CharactersPhotography Realism镜头、光照、写实质感Illustration Art笔触、材质、艺术风格Characters People角色设计、姿势表、一致性4/4 Narrative ExtensionsScenes Storytelling分镜、世界观、情绪节奏History Classical Themes朝代、服饰、卷轴式叙事Documents Publishing页面系统、目录、版式规则Other Use Cases混合任务、实验性流程、特殊输出常规模板 vs JSON 进阶模板以UI 与界面为例模板库提供了两条写作路径常规模板人类直接填空为[产品类型]生成一张[平台如 iOS/Android/Web]界面图。 核心功能[功能点A]、[功能点B]、[功能点C]。 视觉风格[极简/科技/拟物]主色[颜色]强调色[颜色]。 布局[顶部导航/双栏/卡片流]信息层级清晰留白充足。 输出高保真UI截图文字清晰可读比例[9:16/16:9]。JSON 进阶模板README 明确标注推荐给 Agent 调用可将业务数据直接序列化进提示词{ type: UI Screenshot, platform: iOS, product: Fitness App, layout: Card-based feed with bottom tab bar, style: { theme: Dark Mode, primary_color: Neon Green, typography: Clean sans-serif }, content: { header: Todays Activity, cards: [ {title: Running, data: 5.2 km, button: Start}, {title: Calories, data: 340 kcal} ] }, constraints: High fidelity, readable text, 9:16 aspect ratio }此外 UI 分类下还针对高频细分场景提供了截图生成模板指定平台 X/抖音/小红书/微信朋友圈、深色/浅色模式、账号信息/正文内容/互动数据/界面元素四段式与直播界面模板主播、背景、UI 叠加层分层描述。信息图模板示例图表与信息可视化分类的常规模板强调主题具体化 模块化结构生成[主题明确、具体避免宽泛。例如“老年人日常健康管理指南”而非“健康”]信息图目标读者为[人群:细化人群特征如年龄段、职业、兴趣等]。 结构标题区 [3-5]个模块每模块含图标、短标题、1-2句说明,模块间逻辑可用箭头、颜色区分或连接线提示信息流或关系等适当的方式。 图表类型[流程图/对比图/关系图/时间线]。 风格[专业报告/科普插画/儿童教育等]主色[颜色]背景[浅色/深色]。 输出信息层级清晰、可读性高的中文信息图。模板库还收录了尺度缩放科学信息图模板6-8 个按微观到宏观递进的框体、细线连接、标题命名规范等进阶变体以及概念字体海报、运动商业 Campaign、多风格签名选择海报等专项模板完整内容请直接阅读 docs/templates.md。通用的防坑原则从模板库各分类的避坑指南中可以提炼出几条跨分类通用的工程经验拒绝模糊指令明确平台 比例 布局否则模型会随意排版强制文字锁定要求文字绝对可读、必须显示指定中文避免乱码按钮与占位文本锁定平台特征X 有蓝勾认证、抖音有音乐碟片、小红书是双列瀑布流生成前必须指定平台控制模块数量与文案篇幅图表场景强制定制模块数量与图表类型文案优先短句不要塞长段正文特殊比例前置车机、智能家居等固定比例如 21:9必须写在提示词最前面。模板与风格库的源码级校验从源码结构看模板库与风格库之间存在强校验约束scripts/generate-style-skill.mjs 在生成技能参考文件时会执行validateLibrary从 docs/templates.md 中提取全部a name.../a锚点逐一校验每个模板的anchor与每个分类的templateAnchor必须真实存在缺失即抛错校验模板、分类、风格、场景的 ID/value 全局唯一校验模板封面图与分类封面图本地文件存在且不重复。这意味着任何指向 docs/templates.md 锚点的链接都在数据生成时被程序验证过仓库内的跳转不会出现 404。这也是Prompt as Code中代码可编译思想的体现——数据与文档不一致时构建直接失败。Agent SkillGPT-Image2 Style Library 的安装与使用仓库附带一个面向 Agent 的官方技能包gpt-image-2-style-librarynpm 包版本 1.0.4见 agents/skills/gpt-image-2-style-library/package.json。它与网站共用 data/style-library.json 这一份风格库因此网站浏览体验与 Agent 工作流完全同源。技能源文件位于 agents/skills/gpt-image-2-style-library/SKILL.md其生成参考文档为 agents/skills/gpt-image-2-style-library/references/style-library.md。技能定义与工作流程从 SKILL.md 的 frontmatter 看技能被定义为Choose GPT-Image2 / gpt-image-2 visual styles and industrial prompt templates from the awesome-gpt-image-2 style library适用于创建、重写、分类或优化图像生成提示词的场景。其内置工作流为检测用户语言并用该语言作答识别目标输出类型product、poster、UI、infographic、brand、photo、illustration、character、scene、history、document 或特殊任务按顺序匹配模板分类 → 视觉风格标签 → 场景标签 → 最近似的案例若某模板明显最匹配则直接使用若有多个候选则给出 2-3 个选项及简短理由请用户选择按六个模块组装最终提示词主体与任务、构图与版式、视觉风格与材质、文字与标注要求、宽高比与输出格式、约束与负面细节输出包含所选模板名与相关示例案例编号。输出默认约定先给可复制的提示词中文请求输出中文提示词除非用户要求英文多概念请求复用同一模板、变化主体/构图/配色/场景。安装方式四种方式一npx skills 安装推荐用于 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-libraryawesome-gpt-image-2方式三npm CLI全局安装后同步技能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 公共源的环境npm login --scopefreestylefly --registryhttps://npm.pkg.github.com npm install -g freestylefly/gpt-image-2-style-library --registryhttps://npm.pkg.github.com gpt-image-2-style-library install allinstall all会把技能写入 Codex 与 Claude Code 的公共本地目录包括~/.codex/skills、~/.claude/skills与~/.agents/skills。安装完成后需要重启 Agent 会话。安装后即可直接用自然语言调用例如Use gpt-image-2-style-library to create an infographic prompt about Codex.本地开发与源码机制从 scripts/install-style-skill.mjs 源码可见安装器支持all、codex、claude-code、agents/shared等目标别名且尊重CODEX_HOME、CLAUDE_HOME、AGENTS_HOME环境变量来覆盖默认的~/.codex、~/.claude、~/.agents目录安装采用先清空目标目录再整目录复制的策略确保技能始终与仓库源码同步。本地开发维护技能时npm run generate:style-skill # 从 data/style-library.json 重新生成 references/style-library.md npm run install:skill # 安装技能到本地 Codex 技能目录从 scripts/generate-style-skill.mjs 看生成的参考文档包含 Selection Rules选择规则先按产品类型匹配模板分类、再按视觉词匹配风格标签、再按上下文词匹配场景标签、每个模板的 ID/分类/风格/场景/标签/封面/示例案例、以及各模板的 use-when、guidance 与 pitfalls 双语条目——这实际上把 docs/templates.md 的内容程序化地折叠进了 Agent 可直接读取的结构化参考文件。网站与生成链路Supabase Vercel 的可验证架构项目配套的可视化站点gpt-image2.canghe.ai不只是画廊展示还包括Google 登录鉴权 案例生成能力。README 明确了技术栈Supabase Auth、Supabase Postgres以及一个作为 GPT Image 2 API 代理的 Vercel Function。对应到源码src/supabaseClient.js 承载前端鉴权api/generate-image.js 是生成接口的核心实现。生成接口的源码要点从 api/generate-image.js 源码结构看生成接口具备以下工程特征定义MAX_PROMPT_LENGTH 6000对提示词长度做硬性上限约束默认代理基址DEFAULT_CIYUAN_BASE_URL https://ciyuan.today由CIYUAN_API_KEY与 Supabase 服务端配置共同决定是否可用isServerConfigured通过getAuthContext、getProfileById等函数完成登录态与用户档案校验并维护reservation_id、credit_amount、free_generations_used等积分/免费额度字段——与迁移文件中的积分表结构对应。Vercel 环境变量清单README 列出的必需环境变量如下保留原始键名按用途分组说明# Supabase 客户端与服务端 VITE_SUPABASE_URL VITE_SUPABASE_ANON_KEY SUPABASE_SERVICE_ROLE_KEY SUPER_ADMIN_EMAILS2689458656qq.com,canghe0818gmail.com # GPT Image 2 生成代理api/generate-image.js 使用 CIYUAN_API_KEY CIYUAN_BASE_URLhttps://ciyuan.today # 站点地址 APP_URLhttps://gpt-image2.canghe.ai # Stripe 订阅与积分包支付api/billing/* 使用 STRIPE_SECRET_KEY STRIPE_WEBHOOK_SECRET # GA4 分析与 Google OAuthapi/_lib/ga4.js、scripts/google-analytics-oauth.mjs 使用 VITE_GA_MEASUREMENT_ID GA4_PROPERTY_ID GOOGLE_ANALYTICS_CLIENT_ID GOOGLE_ANALYTICS_CLIENT_SECRET GOOGLE_ANALYTICS_REFRESH_TOKEN安全约束SUPABASE_SERVICE_ROLE_KEY、STRIPE_SECRET_KEY、STRIPE_WEBHOOK_SECRET只能放在 Vercel Environment Variables 等服务端环境中绝不能暴露到前端。数据库迁移清单按 README 的 Setup checklist按顺序应用以下迁移文件即可逐步开启对应功能迁移文件启用功能supabase/migrations/202605090001_user_credits.sql用户积分基础表supabase/migrations/20260509090000_membership_billing.sql会员计划、积分包、Stripe 订单记录与积分调整 RPCsupabase/migrations/20260721090000_alipay_webpay.sql支付宝网页支付启用前需先为每个积分包配置审核通过的 CNY 价格见 支付宝网页支付配置指南supabase/migrations/20260722090000_paid_community.sql付费社区在保护二维码、支付宝入驻与生产支付/退款检查全部完成前保持COMMUNITY_PAYMENT_ENABLEDfalse见 付费社区运维手册supabase/migrations/20260512090000_google_account_center.sql账户用量汇总与超级管理员强制积分充值supabase/migrations/20260512143000_pricing_admin_metrics.sql更新$5 / 300 credits定价目录并添加管理后台指标supabase/migrations/20260515090000_case_favorites.sql每用户案例收藏第三方集成设置清单Supabase Auth将https://gpt-image2.canghe.ai与本地开发地址如http://127.0.0.1:5173加入 Auth 重定向白名单在 Supabase Dashboard 添加 Google OAuth 凭据后启用 Google Provider如需强制 Google 唯一登录可在 Auth 设置中禁用 Email Provider。Stripe CheckoutWebhook URL 配置为https://gpt-image2.canghe.ai/api/billing/webhook订阅事件需订阅checkout.session.completed、invoice.payment_succeeded、customer.subscription.updated、customer.subscription.deleted。GA4 分析为站点创建 GA4 属性将 Measurement ID 填入VITE_GA_MEASUREMENT_ID数字属性 ID 填入GA4_PROPERTY_ID。Google Analytics OAuth创建 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。从零开始使用这个仓库README 给出了简洁的三步使用法从精选案例出发确定你想模仿的输出类型打开完整画廊寻找近似案例先复制结构、再替换风格词汇回到模板页把业务变量填入常规模板或 JSON 模板。本地开发与构建命令以 package.json 为准npm install # 安装依赖 npm run dev # predev 会自动执行 generate:site-data 与 generate:style-skill npm run build # prebuild 同样先重新生成站点数据与技能参考 npm run preview # 预览构建产物 npm test # 运行 api/_lib/*.test.js 单元测试其中npm run generate:site-data从画廊文档重建 data/cases.jsonnpm run generate:style-skill从 data/style-library.json 重建技能参考文档——两个命令共同保证了网站、数据与 Agent 技能三者始终基于同一份数据源。声明与许可本项目仅整理公开可访问的社区提示词与示例图片供学习与研究使用不对任何第三方原创内容主张所有权整理过程中参考了公开提示词库内容用于学习、总结与方法论研究版权归原作者或平台所有。如需商业使用第三方内容请先获得原始权利人的授权详见 完整免责声明。仓库整体以 MIT License 开源允许自由使用、修改、分发与二次构建但需保留许可证声明。综上awesome-gpt-image-2 提供了一条从案例 → 分类 → 模板 → Agent 技能 → 生产环境的完整提示词工程链路画廊负责供给视觉灵感模板负责把灵感固化为可复制结构Style Library 技能让 Agent 按同一套词表自动产出提示词而网站与 API 则验证了这套体系在生产环境鉴权、计费、生成代理中的可运行性。【免费下载链接】awesome-gpt-image-2Prompt as Code | GPT-Image2 工业级提示词引擎与模板库530 个案例逆向工程20 套工业级模板并提炼出Skills持续更新中项目地址: https://gitcode.com/GitHub_Trending/awe/awesome-gpt-image-2创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考