ppt-agent
# ppt-agent
基于文章《应该是目前最强的PPT Agent,附上完整思路分享》的工作流实现的 PPT 生成 skill。
## 核心流程(4步)
```
Step 0 确认风格(style) ← 新增:生成前必须先确认
Step 1 生成大纲(outline)
Step 2 生成策划稿(planning)
Step 3 生成设计稿 SVG(design)
```
**用户只需要:输入主题 → 确认风格 → 确认大纲 → 确认策划稿 → 下载 SVG → 拖入 PowerPoint**
## Step 0 — 确认风格(必须)
**在开始生成任何内容之前,必须先询问用户以下风格选项:**
1. **主题色**:军事蓝 / 商务蓝 / 危机红 / 能源橙 / 中性灰
2. **主次比例**:以数据为主 / 以叙事为主 / 均衡
3. **内容深度**:要点摘要 / 详细展开 / 专业深度
4. **受众对象**:高管决策层 / 专业分析师 / 公众传播
只有用户明确回复后,才进入 Step 1。不得跳过此步骤直接生成。
## 文件说明
- `prompts/outline.md` — 大纲生成提示词(基于金字塔原理)
- `prompts/planning.md` — 策划搞提示词(白板初稿,无样式)
- `prompts/design.md` — SVG 设计提示词(含 Bento Grid 布局规则)
- `scripts/generate_svg.py` — SVG 输出脚本(可选,用于批量生成)
- `examples/sample_topic.md` — 示例主题
## 使用方式
### Step 1 — 生成大纲
读取 `prompts/outline.md`,将内容作为系统提示词的一部分,结合用户主题,让模型生成 JSON 大纲。
### Step 2 — 生成策划稿
读取 `prompts/planning.md`,基于 Step 1 的大纲生成无样式的白板初稿,让用户确认内容布局是否正确。
### Step 3 — 生成 SVG 设计稿
读取 `prompts/design.md`,基于策划稿和用户提供的内容,生成整页 Bento Grid SVG。
最终 SVG 文件可直接拖入 PowerPoint(2016及以上),完全可编辑。
## Bento Grid 核心原则
1. **灵活性**:卡片数量不固定,1-N 张均可,取决于内容
2. **层级感**:用卡片大小建立视觉层级,最重要的信息放最大卡片
3. **留白**:卡片之间保持至少 20px 间距
4. **6种经典布局**:单一焦点、两栏对称、两栏非对称、三栏、主次结合、英雄式、混合网格
## 输出格式说明
- 最终输出为 **SVG**(非 HTML)
- SVG 画布尺寸:`viewBox="0 0 1280 720"`
- 中文字体使用系统默认字体,确保 PowerPoint 兼容性
- 如需 PPTX,可将 SVG 导入 Figma 或在线工具转换
标签
skill
ai