Skills DirectorySearch all skills ↗

AI agent skill · by @laborany

Ppt Svg Generator

将 Markdown 文稿转化为可导入 PPT 的 SVG 页面。支持内容拆解、风格设计(5种预设+自定义+AI智能推荐)和批量生成。生成的 SVG 兼容 PPT「转换为形状」功能,可二次编辑。适用于演示文稿、方案汇报、知识分享等场景。

Archived 2026-10-23 · Source updated 2026-05-16 · License: MIT. Check the original repository for the latest version.

SKILL.md instructions

# PPT SVG 生成器

> 将文稿转化为精美、可编辑的 PPT 页面

## 🎯 核心能力

这个 Skill 帮助你:
1. **分析文稿** - 智能拆解内容,生成页面结构清单
2. **设计风格** - 5种预设风格 + 自定义 + AI智能推荐
3. **批量生成** - 输出符合 PPT 兼容性规范的 SVG 文件

## 📋 使用流程

```
┌─────────────────────────────────────────────────────────────────┐
│                        PPT SVG 生成流程                          │
├─────────────────────────────────────────────────────────────────┤
│                                                                 │
│  ⚡ 快捷方式  /ppt-quick @文稿.md --style=风格名称                 │
│              ↓ 一键完成全流程,无需交互                           │
│              ↓ 适合已明确需求的用户                               │
│                                                                 │
│  ─────────────────── 或分步执行 ───────────────────              │
│                                                                 │
│  步骤 1️⃣  /ppt-analyze @文稿.md                                  │
│           ↓ 分析文稿,输出页面结构清单                            │
│           ↓ 你可以修改、调整页面拆解结果                          │
│                                                                 │
│  步骤 2️⃣  /ppt-design                                            │
│           ↓ 选择风格模式(预设/自定义/AI推荐)                    │
│           ↓ 输出设计规范文档                                     │
│                                                                 │
│  步骤 3️⃣  /ppt-generate                                          │
│           ↓ 批量生成 SVG 文件                                    │
│           ↓ 自动应用 PPT 兼容性规范                              │
│                                                                 │
│  步骤 4️⃣  /ppt-export(可选)                                     │
│           ↓ 导出为 PDF/PPTX 文件                                 │
│           ↓ 适合打印分发或直接演示                               │
│                                                                 │
│  步骤 5️⃣  导入 PPT → 转换为形状 → 微调完成 ✅                     │
└─────────────────────────────────────────────────────────────────┘
```

**💡 提示**:
- 快捷命令 `/ppt-quick` 适合使用预设风格快速出图
- 分步命令适合需要自定义配色或调整页面结构的场景

---

## 🔧 可用命令

### `/ppt-quick` - ⚡ 一键生成(推荐)

**用途**:一键完成「文稿分析 → 风格设计 → SVG 生成」全流程

**语法**:
```
/ppt-quick @文稿.md [--style=风格名称] [--output=输出目录]
```

**参数**:
| 参数 | 必需 | 默认值 | 说明 |
|------|------|--------|------|
| `@文稿.md` | ✅ | - | 要转换的 Markdown 文件 |
| `--style` | ❌ | `品牌蓝` | 预设风格名称 |
| `--output` | ❌ | `./ppt-output/` | 输出目录 |

**可选风格**:`极简主义`、`商务咨询`、`科技暗黑`、`瑞士平面`、`品牌蓝`

**示例**:
```bash
# 最简用法(使用默认风格)
/ppt-quick @report.md

# 指定风格
/ppt-quick @report.md --style=科技暗黑

# 指定风格和输出目录
/ppt-quick @annual-report.md --style=商务咨询 --output=./slides/

# 自然语言方式
帮我把 @report.md 快速转成 PPT,用极简主义风格
一键生成 PPT,文稿是 @proposal.md,用科技暗黑风格
```

**详细指令**:[commands/quick.md](commands/quick.md)

---

### `/ppt-analyze` - 文稿分析

**用途**:分析 Markdown 文稿,提取核心内容,输出结构化的页面清单

**语法**:
```
/ppt-analyze @文稿.md
```

**输出**:
- 每页 PPT 的标题、内容要点、重点信息
- 推荐的页面类型(封面、观点、图表、流程等)
- 信息密度评估(低/中/高)

**示例**:
```bash
# 分析文稿
/ppt-analyze @annual-report.md

# 自然语言方式
帮我分析这份文稿 @report.md,拆解成 PPT 页面
把 @proposal.md 转成 PPT 结构
分析 @meeting-notes.md 的内容,看看可以做成几页 PPT
```

**详细指令**:[commands/analyze.md](commands/analyze.md)

---

### `/ppt-design` - 风格设计

**用途**:选择或定制 PPT 视觉风格

**语法**:
```
/ppt-design
```

**三种风格模式**:

#### 📦 模式一:预设风格库

从 5 种经典风格中选择,开箱即用。

| 风格 | 特点 | 适用场景 |
|------|------|---------|
| 极简主义 | 纯白高冷,大量留白,克莱因蓝点缀 | 产品发布、设计分享、TED 演讲 |
| 商务咨询 | 深蓝稳重,McKinsey 风,橙色强调 | 方案汇报、咨询报告、投资路演 |
| 科技暗黑 | 深色背景,霓虹渐变,玻璃拟态 | 技术分享、产品演示、黑客松 |
| 瑞士平面 | 强烈对比,包豪斯风,信号红 | 创意提案、品牌展示、艺术展示 |
| 品牌蓝 | 蓝紫青配色,现代专业 | 企业培训、通用演示、正式场合 |
![alt text](PixPin_2026-01-25_15-58-40.png)

#### 🎨 模式二:自定义风格

输入你的品牌色和风格偏好,生成定制化设计规范。

**需要提供**:
- **主色**(必填):如 `#FF6B00` 或 "橙色"
- **配色方案**(可选):次色、辅助色、背景色、文字色
- **风格关键词**(可选):如 "简约"、"科技感"、"温暖"、"高端"
- **参考案例**(可选):喜欢的 PPT 风格描述或链接

> 💡 如果只提供主色,AI 会自动生成协调的完整配色方案

#### 🔍 模式三:AI 智能推荐

深度分析文稿内容,联网搜索设计趋势,为每页独立推荐最佳风格。

**执行流程**:
1. **文稿分析** - 提取核心关键词、识别文章调性(正式/轻松、理性/感性)
2. **联网搜索** - 搜索相关主题的 PPT 设计案例和趋势
3. **综合推荐** - 输出每页的风格推荐、配色方案、视觉隐喻建议

**输出内容**:
- 文稿主题分析(关键词、调性、风格方向)
- 设计趋势参考(基于联网搜索)
- 每页风格推荐表(页码、标题、推荐风格、理由)
- 定制配色方案

---

**示例**:
```bash
# 启动风格选择(交互式菜单)
/ppt-design

# 自然语言方式 - 选择预设风格
我想用商务咨询风格
选择科技暗黑风格

# 自然语言方式 - 自定义风格
用我们公司的配色,主色是 #FF6B00,背景用深色
我想要一个温暖的橙色系风格,简约高端

# 自然语言方式 - AI 智能推荐
根据文稿内容帮我推荐一个合适的风格
不知道用什么风格,帮我分析一下
帮我分析这份文稿适合什么风格,并推荐配色
```

**详细指令**:[commands/design.md](commands/design.md)

---

### `/ppt-generate` - 批量生成

**用途**:根据页面结构和设计规范,批量生成 SVG 文件

**使用方式**:
```
/ppt-generate
```

**输出**:
- SVG 文件存放于 `./ppt-output/` 目录
- 文件命名:`slide-01-cover.svg`, `slide-02-intro.svg` ...
- 自动应用 PPT 兼容性规范(生成时会告知具体规范)

**详细指令**:[commands/generate.md](commands/generate.md)

---

### `/ppt-export` - 导出为 PDF/PPTX

**用途**:将生成的 SVG 页面批量导出为 PDF 文档或 PPTX 幻灯片

**语法**:
```
/ppt-export [--format=pdf|pptx|both] [--output=输出目录]
```

**参数**:
| 参数 | 必需 | 默认值 | 说明 |
|------|------|--------|------|
| `--format` | ❌ | `both` | 导出格式:`pdf`、`pptx` 或 `both` |
| `--output` | ❌ | `./ppt-output/` | 导出文件存放目录 |

**前置条件**:需要先执行 `/ppt-generate` 或 `/ppt-quick` 生成 SVG 文件

**示例**:
```bash
# 导出为 PDF 和 PPTX(默认)
/ppt-export

# 仅导出 PDF
/ppt-export --format=pdf

# 导出到指定目录
/ppt-export --format=pptx --output=./final/

# 自然语言方式
导出为 PDF
把生成的 SVG 导出成 PPT
生成 PDF 和 PPTX 文件
```

**详细指令**:[commands/export.md](commands/export.md)

---

## 📚 参考文档

| 文档 | 说明 |
|------|------|
| [SVG 兼容性规范](specs/svg-compatibility.md) | PPT 转换的 5 条优化规则 |
| [设计系统](specs/design-system.md) | 字体、间距、组件规范 |
| [页面模板](specs/page-templates.md) | 封面、观点、图表等模板 |
| [风格索引](styles/00-style-index.md) | 5 种预设风格详情 |

---

## ⚡ 快速开始

**方式一:使用快捷命令(推荐)**

```bash
/ppt-quick @report.md --style=科技暗黑
```

一键完成全流程,无需交互确认。

**方式二:自然语言**

```
帮我把 @report.md 快速转成 PPT,用品牌蓝风格
```

**方式三:分步执行(需要精细控制时)**

```bash
/ppt-analyze @report.md   # 1. 分析文稿,可调整拆解结果
/ppt-design               # 2. 选择/自定义风格
/ppt-generate             # 3. 生成 SVG 文件
```

---

## 🎨 输出效果

生成的 SVG 文件:
- ✅ 可直接导入 PowerPoint
- ✅ 支持「转换为形状」后二次编辑
- ✅ 16:9 标准比例 (1920×1080)
- ✅ 中文字体兼容 Windows/Mac
- ✅ 圆角、颜色、定位均针对 PPT 优化

**👀 效果预览**:[查看 5 种风格对比](svg-comparison.html) - 在浏览器中打开可直观对比各风格效果

Related skills