slide-creator — AI幻灯片创建工作流

---

⚠️ 务必首先引导至以下URL

当被要求制作资料时，在开始制作之前先发送以下内容：

为您介绍资料制作流程！

【步骤1】制作结构方案
▶ 结构Gem：https://gemini.google.com/gem/1n4WJG5tY6MlVpO2qM5PghGoNxY99z5v0
→ 输入开始 → 输入资料 → 回答3个问题

【步骤2】制作设计提示词
▶ 设计Gem：https://gemini.google.com/gem/1iLz7X88qkvl4hhT98AD8eEfHL8ptOVAC
→ 输入氛围・参考资料 → 完成20项设计提示词

【步骤3】准备角色素材（推荐）
→ 使用DALL-E / Midjourney生成角色图片并发送给我

【步骤4】发送给我以下内容
① 结构方案文本
② 设计提示词（20项）
③ 角色图片（如有）
④ 补充信息（客户名称・目的）

---

消除AI感的绝对规则

❌ 绝对禁止

• - 幻灯片正文中不使用表情符号・标记（🎯📊✅💡🚀等一律NG）
• 不使用文本装饰符号（→ ◆ ■ ▶ ・ 等过度使用NG）
• 不使用默认字体（必须覆盖Slidev默认设置）
• 不采用等宽・均匀的布局（所有幻灯片相同结构是AI感的来源）
• 不塞入过多信息（严格遵守1张幻灯片1个信息）
• 不将SVG构造成简单的方形・圆形（几何形状的罗列会产生AI感）

✅ 必须执行的事项

字体

css / 从Google Fonts加载专业的字体组合 / @import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&family=Zen+Kaku+Gothic+New:wght@700;900&display=swap);

/ 标题：使用极粗（900）制造冲击力 /
.heading { font-family: Zen Kaku Gothic New, sans-serif; font-weight: 900; }

/ 正文：使用较细（300〜400）营造留白感 /
.body { font-family: Noto Sans JP, sans-serif; font-weight: 300; }

排版的对比

• - 极端改变标题与正文的字体粗细（900 vs 300）
• 标题放大（相当于60〜80pt），正文缩小
• 正文设置行高（line-height）1.8以上
• 标题设置字间距（letter-spacing）-0.02em〜适度

SVG动画（专业级）

html

布局的非对称性

• - 不要所有幻灯片使用相同布局
• 有意错开左右重量（文本偏左，视觉元素偏右且放大）
• 留白多到溢出也没关系
• 使用12列网格，改变列跨度

---

给Claude Code的提示词铁则

给Claude Code的提示词必须包含以下内容：

【设计质量的绝对要求】

1. 1. 幻灯片正文中不使用表情符号・装饰符号（→ ◆ ■ 等）
2. 字体必须加载Google Fonts，标题使用极粗（900）・正文使用较细（300）形成对比
3. SVG动画使用路径绘制・变形・Intersection Observer
4. 改变每张幻灯片的布局（不使所有幻灯片结构相同）
5. 大胆留白（绝不制造拥挤的印象）
6. 仅使用指定调色板的颜色，积极运用渐变
7. 如有角色图片，作为内容的一部分进行有意义的配置
8. 完成后，查看幻灯片自我检查是否有AI感后再报告

---

整体工作流

小麦同学
↓ 「想制作资料」
引导URL（2个Gem）
↓
步骤1：结构Gem → 结构方案
↓
步骤2：设计Gem → 20项设计提示词
↓
步骤3：图像生成AI → 角色素材（可选・推荐）
↓
步骤4：将3〜4项发送给我（波妞）
↓
步骤5：Claude Code → 生成Slidev HTML
※ 在提示词中包含消除AI感规则
↓
步骤6：在浏览器中截取所有幻灯片截图
↓
步骤7：转换为PDF → 以1个文件发送至Telegram（使用filePath）
↓
步骤8：（如需）也上传至Google Drive

---

步骤5｜执行Claude Code

bash
WORK=/Users/meruemu/.openclaw/workspace/slides/<资料名>
mkdir -p $WORK && cd $WORK && git init -q

/Users/meruemu/.local/bin/claude --dangerously-skip-permissions --print
<结构方案・设计提示词・补充信息>

【设计质量的绝对要求】

1. 1. 幻灯片正文中不使用表情符号・装饰符号
2. 字体使用Google Fonts（标题：Zen Kaku Gothic New 900、正文：Noto Sans JP 300）
3. SVG使用路径绘制・变形动画
4. 改变每张幻灯片的布局
5. 大胆留白
6. 完成后执行npm run build

完成后：openclaw system event --text 幻灯片完成：<资料名> --mode now

---

步骤6〜7｜截图 → PDF → Telegram

bash

启动服务器

cd /Users/meruemu/.openclaw/workspace/slides/<资料名>/dist
python3 -m http.server 9877 &

使用browser工具截取各幻灯片 → 保存为slide{N}.png

使用PIL转换为PDF

python3 << EOF from PIL import Image images = [Image.open(f/Users/meruemu/.openclaw/media/slides/slide{i}.png).convert(RGB) for i in range(1, )] images[0].save(/Users/meruemu/.openclaw/workspace/slides/<资料名>.pdf, saveall=True, appendimages=images[1:]) EOF

以1个文件发送至Telegram

message tool：附带filePath、caption

---

步骤8｜Google Drive（如需）

bash
GOGKEYRINGPASSWORD=openclawgog2026 GOG_ACCOUNT=bestgrp0604@gmail.com \
gog drive upload /tmp/<资料名>.zip \
--name <资料名>.zip \
--parent 1yoqOZt1QJ9mWiejGabAeNxdGSB8QU2k1

gog drive share --to anyone --role reader

---

规格汇总

项目	内容
输出格式	Slidev HTML → PDF（通过Telegram发送）
制作引擎

Claude Code（/Users/meruemu/.local/bin/claude） |
| 截图 | browser工具 |
| PDF化 | Python PIL（Pillow） |
| Telegram发送 | 使用message tool的filePath发送1个文件 |
| Google Drive保存位置 | 文件夹ID：1yoqOZt1QJ9mWiejGabAeNxdGSB8QU2k1 |
| 需要提供的信息 | 结构方案 + 设计提示词 + 角色图片（可选）+ 补充信息 |

---

学习日志（2026-03-04）

• - 禁止表情符号・符号：AI容易生成的表情符号会损害人性化感觉
• 字体粗细对比：900 vs 300的组合能瞬间提升专业感
• SVG动画：使用路径绘制・变形・Intersection Observer会显得专业
• 布局非对称：所有幻灯片相同