提示词模板库

全书用到的提示词集中在这一页，方便整段复制。方括号里的东西换成你自己的。

每条都注明了在哪一步用、在哪做。想知道某条为什么这么写，点回对应的章节。

PPT 工作坊全套

这一套来自 PPT 工作坊，按顺序用。

条	什么时候用	在哪做
P0	需要理清故事和决策逻辑	任意 AI 对话
P1	需要一张图对比多个视觉方向	「Image Mode」
P1B	想让 AI 帮你选方向	OpenDesign 对话或任意 AI 对话
P2	需要一页一页的内容方案	任意 AI 对话
P3	可以开始做第一版可编辑 deck 了	「Deck Mode」
P4	第一版需要向参考图靠拢	OpenDesign 对话
P5	需要真实 logo 和产品素材	OpenDesign 对话
P6	只在有用的地方加 AI 配图	OpenDesign 对话
P7	数据密集的页面需要图表	OpenDesign 对话
P8	想加克制的 3D 效果	OpenDesign 对话
P10	给整份 PPT 加全局动效和交互	OpenDesign 演示 / 对话

P0 · 先定这份 PPT 要说服谁

我要做一份关于 [主题] 的演示。

观众：
[描述观众——他们是谁，对这件事已经知道多少，有多少时间]

这份演示要让观众理解：
1. [他们必须理解的第一件事]
2. [他们需要的背景或者证据]

这份演示要把观众带到这个判断或决定：
[你希望他们相信什么 / 决定什么 / 去做什么]

请帮我理清：
1. 这份演示的核心叙事是什么。
2. 最重要的那个论点是什么。
3. 建议的页序。
4. 哪些信息应该用视觉呈现，而不只是文字。

先不要设计幻灯片。先不要写 HTML。只谈故事、结构和决策逻辑。

→ 第 0 步

P1 · 一张图里放多个视觉方向

我在准备一份关于 [主题] 的演示。

观众是：
[观众]

演示的目标是：
[目标 / 要促成的决定 / 核心论点]

请生成一张参考图，在同一张图里展示这份 PPT 可能的多种视觉风格。

要求：
1. 一张图里包含 4 到 6 个明显不同的风格方向。
2. 每个方向都做成同一份演示的封面页或者关键页的样子。
3. 各方向在版式、字体、配色、质感、视觉语言上要真的不一样。
4. 现在不要生成完整的 PPT。
5. 不要分成多张图。全部放在一张图里，方便我对比。
6. 每个方向标一个简短的风格名。

要体现的内容：
[粘贴 5 到 10 条要点]

这张图的用途是帮我选定最终的 PPT 风格。

→ 第 1 步

P1B · 让它帮你选方向

这是那张包含多个风格方向的参考图。

我的演示主题是 [主题]。
观众是 [观众]。
我要观众得出的结论是 [结论]。

请对比这些风格方向，推荐最合适的一个。

评估维度：
1. 它是否支撑我的论点。
2. 它是否适合这批观众。
3. 它能不能撑得起一整份 deck，而不只是一张封面。
4. 它有没有给文字、图表、截图和 logo 留出足够空间。

先不要生成 deck。帮我选定一个方向，并说明理由。

→ 第 1 步

P2 · 一页一页的内容方案

我要做一份关于 [主题] 的 PPT。

观众：
[观众]

观众应该理解：
[他们要理解什么]

观众应该得出的结论或决定：
[他们应该相信什么 / 决定什么 / 去做什么]

原始材料：
[粘贴笔记、转录、报告或者要点]

请给出一页一页的内容方案。

要求：
1. 现在不要设计幻灯片。
2. 现在不要写最终的 HTML。
3. 一共 [页数] 页。
4. 每页给出：页标题、一句话核心信息、主要支撑点、建议的视觉元素、
   这页需不需要图表 / logo / 配图 / 截图 / 动效。
5. 每页只讲一个想法。
6. 单页文字不要太多。

大纲给完之后，再做一版简单的 HTML 预览，把每页文字放进一个朴素
版式里，让我在视觉设计开始之前先审一遍结构。

→ 第 2 步

P3 · 生成第一版可编辑 deck

我要做一份 PPT。

请以附上的参考图作为视觉方向。

重点：
1. 复现参考图里我选定的那个风格方向。
2. 做成可编辑的、基于 HTML 的幻灯片。
3. 除非我另外说明，画幅比例与参考图保持一致。
4. 尽量保留原有的页面文字与结构。
5. 不要把整份 deck 变成静态图片。
6. 每一页要有视觉完成度，但必须保持可读、能拿上台讲。

选定的视觉风格：
[描述你从图里选中的那个方向]

页面内容：
[粘贴定稿的一页一页内容方案]

请生成第一版完整的 deck。

→ 第 3 步

P4 · 对着参考图找差距

这是最初那张参考图。

请把当前的 deck 和这张参考图做对比。

重点看：
1. 版式结构
2. 字体的字号阶梯与性格
3. 配色
4. 间距与对齐
5. 视觉层次
6. 质感、纵深与氛围
7. 每一页是否像属于同一套设计系统

不要只告诉我差在哪。请直接把 deck 改好。

调用你全部的设计和编码能力去补上这个差距，同时保持 deck 可读、
可编辑。

改完之后总结：
1. 你改了什么。
2. 哪几页改善最大。
3. 哪些地方还需要人工复核。

→ 第 4 步

P5 · 换上真的 logo 与素材

请通读整份 deck，找出应该放真实外部素材的位置。

要找的是：
1. 公司 logo  2. 产品 logo  3. 应用图标
4. 平台界面截图  5. 公开的产品图或界面参考

要求：
1. 去找到合适的官方素材或者高质量版本。
2. 下载并插入到对应的页面。
3. logo 保持原有品牌配色。
4. 不要对官方 logo 做重新着色、变形或重新设计。
5. 不要每一页都加素材。只在能提升清晰度、可信度或识别度的地方加。
6. 插入的素材要跟版式协调，不要把页面塞满。
7. 如果某个素材找不到官方版本，不要自己画一个近似的。留一个明确
   的占位符，并在总结里告诉我。

更新完之后告诉我：哪些页加了素材、加了什么、哪些需要我人工核实。

→ 第 5 步

P6 · 只在有用的地方加配图

请通读整份 deck，判断哪些页面加 AI 生成的配图会让演示更清楚或者
更有说服力。

要求：
1. 不要每一页都加 AI 配图。
2. 只在图能帮助解释一个想法、支撑一个论点，或者让某个关键时刻
   更容易被记住的地方加。
3. 已经有足够视觉内容的页面不要再加。
4. 图的风格要跟选定的 deck 风格保持一致。
5. 如果你能生成图像，就直接生成并插入 deck。
6. 如果不能，就把我应该拿去别的工具用的图像提示词写出来。
7. 图中不要出现任何文字。

对于每一张图，告诉我：页码、这张图的作用、用的图像提示词、
为什么这一页需要一张图。

→ 第 6 步

P7 · 加 ECharts 图表

请扫一遍整份 deck，找出哪些页面加 ECharts 可视化会更容易理解。

只在真正有用的地方用 ECharts。以下情况可以考虑：对比、趋势、排名、
市场份额、采纳曲线、调研结果、前后指标对比、技术基准。

要求：
1. 不要每一页都加图表。
2. 每一处选最合适的图表类型。
3. 图表样式要跟 deck 的视觉系统一致，不要 ECharts 默认配色。
4. 有真实数据就用真实数据。
5. 如果缺少确切数据，用明确标注过的示意数据，并告诉我这里需要核实。
6. 图表的位置要能支撑这一页的核心信息。
7. Y 轴从 0 开始。

更新完之后总结：哪些页加了图表、什么类型、用的什么数据、
哪些数据点需要核实。

→ 第 7 步

P8 · 克制地加 Three.js

请扫一遍整份 deck，找出哪些地方加一点克制的 Three.js 效果会更好。

只在 Three.js 能支撑这一页的信息时才用。

合适的用法：开场页一个低调的动态背景；某个核心概念的 3D 隐喻；
不影响可读性的粒子氛围；帮助解释系统、网络或者流程的空间可视化。

要求：
1. 不要每一页都加 3D 效果。
2. 避免视觉噪音。
3. 保持文字可读。
4. 保持性能合理。
5. 效果要跟 deck 的视觉风格一致。

更新完之后告诉我：哪些页加了、加了什么、为什么它支撑这一页、
有没有哪个效果为了清晰应该去掉。

→ 第 8 步

P10 · 全局动效与交互

请为整份 deck 加上演示级别的过场动画和交互。

目标是让这份 PPT 从头讲到尾时是流畅、完整的。

请加：
1. 页与页之间的切换效果。
2. 话题转换时的章节级转场。
3. 关键标题、卡片、图表、图片的入场动画。
4. 每页最重要那条信息的低调强调动效。
5. 只在合理的地方加悬停或点击交互。
6. 图表、卡片或视觉模块上适度的轻量交互细节。

约束：
1. 不要给每个元素都加动效。
2. 不要做得花哨或者分散注意力。
3. 所有文字保持可读、稳定。
4. 图表的标签和数据始终可见。
5. 交互要简单到能在现场演示时使用。
6. 整份 deck 的动效节奏要一致。
7. 优化性能，演示模式下不能卡。
8. 必要信息不能藏在交互后面。

加完之后总结：转场风格、哪些页加了自定义交互、哪些页加了特殊
入场或强调动效、哪些页的动效应该减少或需要人工检查。

→ 第 10 步

设计系统

从截图抽一套 DESIGN.md

这几张是我们产品的界面截图。

请抽出一份完整的 DESIGN.md，包含：

1. 调色板：主色、辅色、语义色（成功/警告/错误/信息）、中性色阶，
   每一级给十六进制值，并标注它在截图里出现在什么位置、占多大面积
2. 字体：字族、字号阶梯（每一级标注用途）、字重、行高、字距
3. 间距系统：基础单位、常用间距值、圆角、阴影
4. 组件规范：按钮（主要/次要/文字型，各状态）、输入框（默认/聚焦/
   错误/禁用）、卡片、表格、标签
5. 动效性格：时长、缓动函数、哪些交互该有动效
6. 语气：人称、句长、正式程度

重要：
- 拿不准的地方明确标出来，不要猜一个值填进去
- 截图里看不到的（错误态、空态、深色模式）列成待补清单，不要编
- 主色的使用比例要写清楚：它是大面积背景色还是只用于行动按钮

→ 案例 04

补深色模式

这份 DESIGN.md 目前只有亮色。请补一套深色模式的色值。

要求：
- 不是简单反转。中性色阶要重新设计，深色下的层次靠亮度差而不是阴影
- 主色在深色背景上的对比度要过 WCAG AA
- 语义色在深色下也要保持可识别
- 标注哪些颜色两个模式共用，哪些各有一套

质量检查

五维度自我批判

对当前产物跑一次五维度评审：理念、视觉层次、细节、功能、创新，
每项 0 到 10 分。

每个扣分点都要给出具体证据（哪个元素、哪一处），不要泛泛而谈。

输出三栏：
- 保留：做对了的，说明为什么对
- 要改：必须改的，按严重程度排
- 顺手能修：五分钟内能改完的

不要在这一轮直接改，先给我看报告。

→ 进阶 · 反 AI 味

反 AI 味自查

把当前产物按下面这份清单自查一遍，逐条给出结论和证据：

1. 有没有渐变背景？有的话是不是设计系统里定义的？
2. 图标是不是都对应具体功能？有没有纯装饰的？
3. 所有数字是真实的还是示意的？示意的有没有标注？
4. 版式是不是内容决定的，还是默认三栏？
5. 信息密度有没有按重要性分配，还是全篇一样？
6. 每张图有没有在解释某个点？
7. 文案里有没有「赋能」「一站式」「无缝」这类没有信息量的词？
8. 状态覆盖：空态、加载态、错误态、极值，有没有做全？
9. prefers-reduced-motion 有没有被尊重？
10. 对比度有没有过 WCAG AA？

命中的直接改掉，改完告诉我改了哪几处。

状态补全

这一版按 state coverage 的要求补全：空态、加载态、错误态、
单条数据、大量数据，每一种都要有对应的渲染，不要只做填满的那一版。

错误态要说明怎么恢复，空态要给出下一步动作。

通用约束块

下面这段可以粘在任何生成类提示词的末尾：

约束：
- 所有数字如果没有真实来源，写占位符并标注，不要编
- 不要渐变背景，用设计系统里的实色
- 图标必须对应具体功能，没有对应的就用文字
- 交互元素要有默认、hover、focus、disabled 状态
- 手机宽度下不能有横向滚动
- 对比度过 WCAG AA
- 尊重 prefers-reduced-motion
- 所有文字必须是真实文本节点，不能是图片

把一次成功固化成技能

刚才那次生成的效果我很满意。请把这次的做法固化成一个 SKILL.md。

要包含：
1. 这个技能适用于什么场景，不适用于什么。
2. 生成前必须问清楚的信息（这部分会驱动需求表单）。
3. 这类产物的标准结构。
4. 这次我们做对的那些具体判断——把它们写成规则。
5. 硬约束：什么绝对不能做。
6. 验收标准。

写完之后告诉我，哪些地方你是从这一次的上下文里推断的，
可能不适用于下一次。

→ 进阶 · 技能