Add Codex image generation guidance

SKILL.md

@@ -40,6 +40,11 @@ description: 生成"电子杂志 × 电子墨水"风格的横向翻页网页 PPT
 
 **如果用户只给了主题或一个模糊想法**,用这 6 个问题逐个对齐后再动手。不要基于猜测就开始写 slide——一旦结构定错,后期翻修代价很高:
 
+#### 运行环境适配
+
+- **在 Codex 中**:用普通对话直接询问用户,不要调用 Claude Code 的 `ask question` / `ask_question` 机制,也不要假设这些工具可用。一次最多问 1-3 个最关键问题;如果信息缺口不影响开工,先做合理假设并在回复里说明。
+- **在 Claude Code 中**:可以继续使用原有的 `ask question` 交互方式来逐项澄清。
+
 #### 6 问澄清清单
 
 | # | 问题 | 为什么要问 |
@@ -82,6 +87,25 @@ description: 生成"电子杂志 × 电子墨水"风格的横向翻页网页 PPT
 - **如何替换**:保持**同名覆盖**最稳(HTML 里不用改路径);如果文件名变了,记得全局搜 `images/旧名` 改成新名
 - **没图怎么办**:和用户对齐,可以先用占位色块生成结构,等图片后期补;但要告知 layout 4/5/10 等图文混排页没图就没法验证视觉效果
 
+#### Codex 配图生成(可选)
+
+如果当前运行环境是 **Codex**,完成 deck 初稿后,主动问用户是否需要用 GPT-M 2.0 生成配图并插入 PPT。不要默认生成。
+
+推荐询问方式:
+
+> 要不要为这份 PPT 生成几张配图?可以做成人文纪实照片、杂志风信息图、流程/对比/系统关系图,或把截图再设计成统一的杂志风视觉。
+
+如果用户确认生成,再问他想要哪种图片类型或风格;如果用户没有偏好,根据页面内容自行推荐 1-3 张最值得生成的配图。
+
+生成配图时遵守:
+
+- 提示词保持简短,只框定主题、用途、风格和比例,不要写长篇摄影指导
+- 图片风格必须贴合本 skill 的"电子杂志 × 电子墨水"基调
+- 信息图、图表、截图再设计里的文字语言必须跟随用户正在使用的语言;中文 deck 用中文,英文 deck 用英文
+- 先看 `references/image-prompts.md` 选择图片类型和基础提示词
+- 配图比例必须匹配最终落位:主视觉 16:9,左文右图 16:10 / 4:3,信息图 16:9 / 16:10,截图再设计 16:10,图文混排小图 3:2 / 3:4,网格图统一高度裁切
+- 生成后的图片放到 `images/` 下,命名遵守 `{页号}-{语义}.{ext}`
+
 ### Step 2 · 拷贝模板
 
 从 `assets/template.html` 拷贝一份到目标位置（通常是 `项目/XXX/ppt/index.html`），同时在同级建一个 `images/` 文件夹准备接图片。
@@ -233,6 +257,7 @@ guizang-ppt-skill/
     ├── components.md     ← 组件手册（字体、色、网格、图标、callout、stat、pipeline、动效...）
     ├── layouts.md        ← 10 种页面布局骨架（可直接粘贴,含动效标记）
     ├── themes.md         ← 5 套主题色预设（只能选不能自定义）
+    ├── image-prompts.md  ← GPT-M 2.0 配图类型、比例和基础提示词
     └── checklist.md      ← 质量检查清单（P0/P1/P2/P3 分级）
 ```
 
@@ -241,8 +266,9 @@ guizang-ppt-skill/
 2. Step 1 需求澄清完成后,读 `themes.md` 帮用户选定一套主题色
 3. **动手前 Read `assets/template.html` 的 `<style>` 块**——这是类名的唯一来源,缺类会导致整页样式崩
 4. 读 `layouts.md` 挑布局(顶部有 Pre-flight 类名清单、主题节奏规划、动效 recipe 决策树)
-5. 细节调整时读 `components.md` 查组件(含 Motion 动效系统章节)
-6. 生成后读 `checklist.md` 自检(顶部 P0-0 规则强制预检 + 动效自检块)
+5. 如果在 Codex 中生成配图,读 `image-prompts.md` 挑图片类型、比例和基础提示词
+6. 细节调整时读 `components.md` 查组件(含 Motion 动效系统章节)
+7. 生成后读 `checklist.md` 自检(顶部 P0-0 规则强制预检 + 动效自检块)
 
 **动效相关**:模板已把 Motion One 的加载和 5 种 recipe 逻辑全部内嵌到 `template.html` 底部的 module script。你不需要改 JS,只需要按 `layouts.md` 的骨架在 HTML 里加 `data-anim` / `data-animate` 即可。离线演示靠 `assets/motion.min.js`,断网时自动降级为"无动画但内容可读"。