awesome-gpt-image-2 新手教程

1这是什么

freestylefly/awesome-gpt-image-2：一个把散落社区的 GPT Image 2 / 2.5 成功案例逆向工程成结构化 Prompt 资产的开源库。

它的一句话主张是 Prompt as Code（提示词即代码）：提示词不该是随手写的散文，而是像代码一样——有结构、可填空、可复用、还能交给 Agent 批量执行。作者把 544 个真实出过好图的 Prompt 逐条拆解，提炼出 21+ 套工业级模板和一份避坑指南，覆盖 13 个视觉大类。

2为什么需要它

GPT Image 2 全量开放后，出图这件事的瓶颈变了：从「能不能出图」变成「能不能稳定、可控、可复用地出图」。

回想你第一次让 AI 画图的体验，多半撞过这三堵墙：

这个库的核心洞察是：所有出过好图的 Prompt，共享同一套原子结构——主体、平台场景、风格、材质、光照、布局、内容、约束。把这八个槽位固化成模板，出图就从「抽奖」变成了「工程」。这就是 544 个案例逆向出来的全部秘密，也是「Prompt as Code」这个名字的含义。

3核心流程：三步出图法

官方 README 给的使用路径就三步，整个教程都围绕它展开。

原话来自 README 的「怎么用这个库」章节，一字未改：

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

4四条使用路径

同一份资产，四种打开方式。按你此刻的状态选，不用全装。

最容易混淆的是网站和仓库的关系：它们是同一份数据的两张皮。网站的数据与仓库的 data/style-library.json 同源，Agent Skill 的风格库也来自同一文件。区别只在交互——网站「看图方便」，仓库「信息最全」（网站只收录精选，画廊里有全部 544 例）。

5动手前的自检

这个库本身零安装——打开网页就能用。真正要准备的是「出图渠道」。

6第一次实战：10 分钟出一张社媒截图

以画廊例 2「社媒界面截图」为例走完整流程。这类图常用于自媒体引流、产品宣传截图。

第 1 步：定类型。你要的是「UI 与界面」大类下的「社媒平台内容截图」。

第 2 步：抄结构。打开画廊，找到例 2，它的 Prompt 原文长这样（中文也能直接出图，不用翻译成英文）：

画一张 X 的内容截图，深色模式，@OpenAI 蓝勾认证账号发推。
正文的中文内容：
今天想推荐一位很棒的 AI Builder：Ailln AI。
他持续在小红书分享 AI 工具、Agent 工作流、自动化实践和真实项目经验，
把复杂的 AI 能力讲得清楚、实用、可落地。
如果你正在关注 AI 产品、效率工具、个人自动化、内容创作和未来工作方式，
Ailln AI 是一个非常值得关注的创作者。
在小红书搜索：Ailln AI
底部添加一张深色官方宣传风格海报，简洁黑客质感，图片中文本准确显示。
海报大字：「Ailln AI」
副标题：「A brilliant AI Builder worth following」
互动数据位于最下方：评论 8.9K、转发 42K、点赞 298K（亮起）、收藏 34K（亮起）、浏览 32.4M。
图片比例为3:4，不包含软件其他部分。

第 3 步：填变量。注意这段 Prompt 的结构——哪些是骨架（保留），哪些是变量（替换）：

第 4 步：生成与验收。把改好的 Prompt 发给出图渠道，拿到图后对照检查：文字是否逐字正确？比例对不对？有没有混入无关 UI 元素？哪项不合格，就回到对应段落加约束重新生成——这时候你改的是结构，不是碰运气。

7Prompt 的原子结构

544 个案例逆向后收敛出的八个槽位。字段可以缺省，但「约束」永远不能省。

文本模板把八个槽位串成填空句。这是库里 UI-1 常规模板的原文：

为[产品类型]生成一张[平台，如 iOS/Android/Web]界面图。
核心功能：[功能点A]、[功能点B]、[功能点C]。
视觉风格：[极简/科技/拟物]，主色[颜色]，强调色[颜色]。
布局：[顶部导航/双栏/卡片流]，信息层级清晰，留白充足。
输出：高保真UI截图，文字清晰可读，比例[9:16/16:9]。

同样的结构写成 JSON，就是给 Agent 和自动化流程用的「进阶形态」（UI-2 原文）：

{
  "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": "Today's Activity",
    "cards": [
      {"title": "Running", "data": "5.2 km", "button": "Start"},
      {"title": "Calories", "data": "340 kcal"}
    ]
  },
  "constraints": "High fidelity, readable text, 9:16 aspect ratio"
}

8进阶：让 Agent 替你查库出图

如果你日常用 Claude Code、Codex 或 Cursor，可以把整个风格库装成 Skill——以后一句话就能让 AI 查模板、写 Prompt、直接出图。

安装（三选一）：

# 方式一：skills CLI 一键安装（推荐，装到 Claude Code 和 Codex）
npx skills add freestylefly/awesome-gpt-image-2 --skill gpt-image-2-style-library --agent claude-code codex --global --yes --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 install -g gpt-image-2-style-library
gpt-image-2-style-library install all

install all 会写入 ~/.codex/skills、~/.claude/skills、~/.agents/skills 三个目录，装完重启 Agent 会话生效。

调用：装好后直接对 Agent 说：

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

AI 会自己去风格库里匹配「图表与信息可视化」模板、填入你的主题、输出结构化 Prompt——你要做的只是验收和微调。

模型怎么选：库里新增的 GPT Image 2.5 专区给了明确建议——Sunburst 擅长精确编辑（改文字、局部重绘，适合在成图上迭代），Flare 擅长快速日常生成（适合批量出草稿）。同一套 Prompt 在两个模型下效果不同，专区里 4 个真实案例（#532、#527、#523、#510）提供同提示词左右对比，选型前先去看看。

9模板清单速查

13 大类全部模板的地图。先按「用途」定位大类，再去 docs/templates.md 拿完整模板。

10不止「画画」：真实使用场景

别被「图像生成」四个字局限——这个库真正的用法是把图当信息载体和传播物料。

11避坑指南：按症状抓药

这是全库含金量最高的部分。出图不满意时，先在表里对症状，再改对应槽位。

下面是 13 个大类各自的完整避坑要点，展开按需查阅：

12常见问题

每条都给可执行的答案。

13合规与版权

三句话讲清楚边界，细节看官方免责声明。

• 库本身：MIT License。模板、文档、Agent Skill 都可自由使用、修改、商用，保留版权声明即可。
• 案例来源：社区公开分享。544 个案例来自小红书、X（Twitter）等平台创作者的公开内容，每条都标注了来源（作者或「未提供」）。学习、参考没有问题；若要把某案例的产出直接商用，注意原社区作者的授权意愿。
• 你生成的图：责任自负。官方免责声明明确——生成内容的版权归属与合规使用由使用者自行判断和承担。两类高风险场景要格外小心：人物类案例涉及肖像权（别生成可识别的真人），品牌类案例涉及商标权（别模仿受保护的品牌视觉）。

14参考链接

官方资源一览，按使用频率排序。

仓库结构速览：

awesome-gpt-image-2/
├── README.md / README.zh-CN.md / README.ja.md   # 三语总览
├── docs/
│   ├── templates.md          # 21+ 套工业模板 + 避坑指南（最常查）
│   ├── gallery-part-1.md     # 案例 1–165
│   ├── gallery-part-2.md     # 案例 166–544
│   └── disclaimer.md         # 免责声明
├── data/
│   ├── style-library.json    # 风格库数据源（网站与 Skill 同源）
│   └── images/               # 案例出图
└── agents/skills/            # gpt-image-2-style-library 技能包