|
|
@@ -0,0 +1,117 @@
|
|
|
+# GPT-M 2.0 配图提示词
|
|
|
+
|
|
|
+用于 Codex 环境下为本 skill 生成 PPT 配图。提示词只负责定基调,不要写成长篇说明。先判断图片落位和比例,再选择类型。
|
|
|
+
|
|
|
+## 通用规则
|
|
|
+
|
|
|
+- 风格基调:电子杂志 × 电子墨水,克制、真实、留白充足,适合横向网页 PPT
|
|
|
+- 信息图、图表、截图再设计中的文字语言必须跟随用户语言:中文 deck 用中文,英文 deck 用英文
|
|
|
+- 不生成卡通、3D、霓虹科技感、SaaS 模板感、过度装饰或假 logo
|
|
|
+- 图片要给标题或正文留出可叠加空间,不要满屏堆细节
|
|
|
+- 同一页或同一组图片必须使用同一比例、同一视觉缩放、同一边距密度
|
|
|
+- 配图是嵌入 PPT 的素材,不是一张独立 slide:不要生成页眉、页脚、页码、标题栏、角标、署名、装饰边框或 slide chrome
|
|
|
+- 生成后保存到 `images/`,命名为 `{页号}-{语义}.{ext}`
|
|
|
+
|
|
|
+## 比例选择
|
|
|
+
|
|
|
+| 用途 | 推荐比例 | HTML 落位 |
|
|
|
+|------|---------|-----------|
|
|
|
+| 章节封面 / 全屏主视觉 | 16:9 | `.frame-img.r-16x9` 或 hero 背景参考 |
|
|
|
+| 左文右图主图 | 16:10 或 4:3 | `.frame-img.r-16x10` / `.frame-img.r-4x3` |
|
|
|
+| 信息图 / 系统关系图 | 16:9 或 16:10 | `.frame-img.r-16x9.fit-contain` / `.frame-img.r-16x10.fit-contain` |
|
|
|
+| 截图再设计 / UI 情景图 | 16:10 | `.frame-img.r-16x10.fit-contain` |
|
|
|
+| 图文混排小图 | 3:2 或 3:4 | `.frame-img.r-3x2` / `.frame-img.r-3x4` |
|
|
|
+| 图片网格 | 统一横图 | `.frame-img.h-22` / `.frame-img.h-26` |
|
|
|
+| 小型面板组 | 统一横图 | `.frame-img.h-16` / `.frame-img.h-18` |
|
|
|
+
|
|
|
+信息图和截图再设计优先用 `fit-contain`,避免文字被裁切;纪实照片优先用默认 `cover`,保持画面张力。
|
|
|
+
|
|
|
+## 图片标准化策略
|
|
|
+
|
|
|
+### A. 先选目标槽位
|
|
|
+
|
|
|
+不要先生成图片再硬塞进页面。先决定图片落位:
|
|
|
+
|
|
|
+1. 主视觉:16:9
|
|
|
+2. 左文右图:16:10 或 4:3
|
|
|
+3. 信息图/截图再设计:16:9 或 16:10,并使用 `fit-contain`
|
|
|
+4. 多图网格/面板组:统一高度类,同一组内禁止混用高度
|
|
|
+
|
|
|
+### B. 用户原始图片/截图的处理
|
|
|
+
|
|
|
+原始截图比例通常不可控,不要直接作为最终视觉标准。按下面顺序处理:
|
|
|
+
|
|
|
+1. 如果原图比例接近目标槽位,直接放入统一 `.frame-img` 中,用 `cover` 或 `fit-contain`
|
|
|
+2. 如果原图过高、过窄、过长,优先用"截图再设计 / UI 情景图"重新生成到目标比例
|
|
|
+3. 如果一张 UI 图被拉成巨长条,拆成 2-3 张同尺寸局部面板;每个面板使用同一高度类
|
|
|
+4. 如果必须保留原图,用 `fit-contain` 放进统一 frame,接受留白,不要裁掉关键文字
|
|
|
+
|
|
|
+### C. 生成提示词后缀
|
|
|
+
|
|
|
+每个配图提示词最后都补一句规格约束:
|
|
|
+
|
|
|
+```text
|
|
|
+输出必须是[16:9/16:10/4:3/3:2]横向构图,主体居中但保留边距,画面密度中等,与同组图片保持相同视觉缩放和边距。只保留核心图形/画面本身,不要生成页眉、页脚、标题、页码、角标、署名、装饰边框、超长条、竖图或不规则比例。
|
|
|
+```
|
|
|
+
|
|
|
+同一页需要多张图时,补一句:
|
|
|
+
|
|
|
+```text
|
|
|
+这是一组图片中的一张,请保持与同组图片相同的画面比例、元素大小、边距、线条粗细和标注密度。
|
|
|
+```
|
|
|
+
|
|
|
+## 类型 1: 人文纪实照片
|
|
|
+
|
|
|
+用于增加现场感、情绪和真实世界锚点。
|
|
|
+
|
|
|
+```text
|
|
|
+生成一张横向纪实摄影配图,主题是:[页面概念]。风格像 Fujifilm / Leica editorial documentary,自然光、低饱和、轻微胶片颗粒、真实工作或生活现场,克制有人文温度。适合电子杂志 × 电子墨水 PPT,留出标题空间。不要商业摆拍、科幻界面、AI 机器人、logo 或水印。输出必须是[16:9/16:10/4:3]横向构图,主体居中但保留边距,画面密度中等。只保留核心照片本身,不要生成页眉、页脚、标题、页码、角标、署名、装饰边框、超长条、竖图或不规则比例。
|
|
|
+```
|
|
|
+
|
|
|
+## 类型 2: 杂志风信息图
|
|
|
+
|
|
|
+用于解释概念、流程、对比、系统关系。
|
|
|
+
|
|
|
+```text
|
|
|
+生成一张横向杂志风信息图,解释:[概念/流程/关系]。电子墨水风格,黑白灰为主,少量低饱和强调色,细线条、网格、编号、短标签、留白充足。图中文字使用[中文/英文],保持简短可读。不要卡通、3D、霓虹科技感或模板感。输出必须是[16:9/16:10]横向构图,主体居中但保留边距,画面密度中等。只保留核心信息图本身,不要生成页眉、页脚、标题、页码、角标、署名、装饰边框、超长条、竖图或不规则比例。
|
|
|
+```
|
|
|
+
|
|
|
+## 类型 3: 流程 / Pipeline 图
|
|
|
+
|
|
|
+用于讲清从 A 到 B 到 C 的过程。
|
|
|
+
|
|
|
+```text
|
|
|
+生成一张横向流程信息图,展示:[步骤 1] → [步骤 2] → [步骤 3] → [结果]。风格为电子杂志 × 电子墨水,细箭头、分段编号、短注释、克制留白。图中文字使用[中文/英文]。只保留核心流程图本身,不要页眉、页脚、标题、页码、角标、署名或装饰边框。比例:16:9。
|
|
|
+```
|
|
|
+
|
|
|
+## 类型 4: 对比图
|
|
|
+
|
|
|
+用于 before / after、新旧模式、两种协作方式对照。
|
|
|
+
|
|
|
+```text
|
|
|
+生成一张横向对比信息图,左侧是[旧模式],右侧是[新模式]。风格像高端独立杂志里的分析图,黑白灰和一个低饱和强调色,细线分栏、短标签、清晰层级。图中文字使用[中文/英文]。只保留核心对比图本身,不要页眉、页脚、标题、页码、角标、署名或装饰边框。比例:16:9。
|
|
|
+```
|
|
|
+
|
|
|
+## 类型 5: 系统关系图
|
|
|
+
|
|
|
+用于多角色、多工具、多模块之间的关系。
|
|
|
+
|
|
|
+```text
|
|
|
+生成一张横向系统关系图,展示:[角色/工具/模块]之间如何连接。电子墨水杂志风,节点、细线、箭头、编号和少量短注释,结构清晰,留白充足。图中文字使用[中文/英文]。只保留核心关系图本身,不要页眉、页脚、标题、页码、角标、署名或装饰边框。比例:16:9。
|
|
|
+```
|
|
|
+
|
|
|
+## 类型 6: 截图再设计 / UI 情景图
|
|
|
+
|
|
|
+用于把真实截图、代码、设计稿、工作区处理成统一视觉素材。
|
|
|
+
|
|
|
+```text
|
|
|
+生成一张横向 UI 情景图,把[截图/界面/工作区内容]再设计成适合杂志风 PPT 的视觉。保留真实产品工作流的感觉,使用纸张底色、细线框、网格、少量标注和克制阴影。图中文字使用[中文/英文],短而清晰。不要真实品牌 logo、花哨 dashboard、霓虹渐变或过度拟物。输出必须是16:10横向构图,主体居中但保留边距,画面密度中等。只保留核心 UI 画面本身,不要生成页眉、页脚、标题、页码、角标、署名、装饰边框、超长条、竖图或不规则比例。
|
|
|
+```
|
|
|
+
|
|
|
+## 类型 7: 数据大字报图
|
|
|
+
|
|
|
+用于突出一个关键数字或少量指标。
|
|
|
+
|
|
|
+```text
|
|
|
+生成一张横向数据大字报视觉,核心数字是:[数字],含义是:[含义]。风格为电子墨水杂志版式,超大衬线数字、少量短注释、细线、留白和纸张质感。图中文字使用[中文/英文]。只保留核心数据视觉本身,不要页眉、页脚、标题、页码、角标、署名或装饰边框。比例:16:9。
|
|
|
+```
|
郭浩