feat: PPT Agent Skill - 专业演示文稿全流程 AI 生成助手

模拟顶级 PPT 设计公司的完整工作流,输出高质量 HTML 演示文稿 + 可编辑矢量 PPTX。

- 6步Pipeline: 需求调研->资料搜集->大纲策划->策划稿->风格+配图+HTML设计稿->后处理
- 8种预置风格 + 7种Bento Grid布局 + 6种卡片类型
- 专业排版系统(7级字号) + 色彩比例法则(60-30-10) + 跨页视觉叙事
- 8种纯CSS数据可视化 + 5种配图融入技法
- HTML->SVG->PPTX 全自动转换管线
This commit is contained in:
sunbigfly
2026-03-21 02:55:56 +08:00
commit 5e23feacad
9 changed files with 3684 additions and 0 deletions

63
references/method.md Normal file
View File

@@ -0,0 +1,63 @@
# 核心方法论
> 来源LINUX DO 论坛 Sandun 分享7年PPT教学 + 3年AI产品经验
## 核心论断
> PPT 的灵魂是内容,不是皮囊。
## 方法论要点
### 1. 从问题开始,不是从模板开始
先问清楚:给谁看?为什么做?希望对方记住什么?有哪些不能说错的事实?
这不是浪费时间 -- 一份精准的需求定义能让后续所有步骤的质量翻倍。专业 PPT 公司收费过万/页,其中至少 30% 的价值来自需求调研。
### 2. 内容先行,设计随后
推迟精美视觉,直到故事线经得起推敲。策划稿阶段只验证信息结构。
为什么这很重要:如果在设计完成后才发现内容逻辑有问题,修改成本是策划阶段的 5-10 倍。先用低成本的文字草稿验证结构,确认无误后再投入设计资源。
### 3. 插入策划稿中间层
典型工具从大纲直接跳到成品。本方法插入一个中间产物:
- **每页的目的**:这页最想让观众记住什么?
- **核心信息**:标题 + 主卡片内容 + 数据亮点
- **证据支撑**:来自搜索的真实数据
- **布局形式**:几张卡片、什么类型、如何排列
- **层级关系**:主次分明,不是所有信息平铺
这是最大的实际质量提升点。策划稿是"地基",没有牢固的地基,再华丽的设计也是空中楼阁。
### 4. 用模型能理解的布局语言
Bento Grid 卡片式布局是 AI 最容易理解和掌握的设计语言:
- 将页面定义为卡片、容器、层级和间距
- 让内容驱动布局选择(不是选个模板再往里填字)
- 给出明确的尺寸/间距/强调规则
为什么选 Bento Grid 而不是传统幻灯片布局:传统 PPT 布局过于自由AI 容易"画歪"。卡片式布局天然带有网格约束AI 在约束内的发挥反而更出色 -- 就像十四行诗比自由诗更容易写出精品。
### 5. 阶段间使用结构化输出
每个步骤用 JSON 作为数据传递格式,而非自然语言:
- 需求 -> 需求描述 JSON
- 搜索 -> 资料集合 JSON
- 大纲 -> PPT_OUTLINE JSON
- 策划 -> 策划卡 JSON 数组
- 设计 -> HTML 文件
JSON 的好处是**无歧义**。自然语言在传递过程中会信息损耗JSON 的每个字段都有确切含义,下一步可以精准读取。
### 6. 一致性通过共享风格保证
先定风格(配色/字体/装饰),再像"生产乐高积木"一样批量生成。
每页共享同一套 CSS 变量定义,确保 15 页 PPT 的视觉语言完全统一。
### 7. 真实数据填充,杜绝幻觉
对 AI PPT 最常见的抱怨是"内容空洞废话多"。根源是没有真实数据支撑。
本方法通过 Step 2资料搜集解决这个问题先搜索再生成每个数据点都有来源。宁可少放一条信息也不编造一个数据。