自定义SKILLS:PPT生成和导出工具

基于一个开源项目（zarazhangrui/frontend-slides）做了一些改善，生成了一个PPT SKILLS（gbot-frontend-slides）。简单来说增加了一个模板参考，以前自己用aistudio要花很长时间才能做成的 HTML PPT，现在可以比较方便的生成。大家可以下载试用，有意见联系。 

- （card-based主题）最终效果 -

dark 模式

https://www.32kw.com/view/6879eb0

 light 模式

https://www.32kw.com/view/885e5a7

- 使用简述 -

这套 Skill 做什么

它的目标是生成“单文件、零依赖、浏览器可直接运行”的 HTML PPT。 主要能力：

• 从零生成 HTML presentation
• 把 PowerPoint 拆解后转成 HTML deck
• 支持风格预览与风格选择
• 支持固定 house preset
• 支持部署到 URL（vercel）
• 支持导出 PDF

核心特征

• 零依赖：输出是单个 HTML 文件，CSS / JS 内联
• 视觉先行：通过生成预览帮助用户选风格，而不是先抽象描述
• 避免 AI 套路感：强调定制感和清晰视觉方向
• 生产可用：可部署、可导出、代码结构清楚
• 双字体模式：同时保留国内友好 CDN 模式和 Google 模式

使用方式

1. 新建一份演示文稿

/gbot-frontend-slides
我想做一个 AI 产品介绍 deck

2. 转换 PowerPoint

/gbotfrontend-slides
把 presentation.pptx 转成网页幻灯片

3. 使用固定 preset 推荐

如果你不想让 SKILL 给你每次发散设计，而是直接使用固定 house preset，可以在需求里明确写出 preset 名和主题。目前我做了一个card-based的主题，效果就是上面的示例：

/gbot-frontend-slides
用 card-based preset，dark-console 主题，基于页面明细生成 HTML PPT

再比如：

/gbot-frontend-slides
用 card-based preset，light-gray 主题，读取这份页面说明文档生成单文件 HTML

- 灵感来源 -

在 2025 年，用 aistudio（gemini）做过两个 HTML 的 PPT。效果很好，但是做起来比较痛苦。 在本次改造的过程中，用他们作为样式的借鉴。在这里也存档一下。

https://www.32kw.com/view/477cfb9

https://www.32kw.com/view/bec2ff0

- 组合使用 -

欢迎大家使用体验感受，提出意见和建议

项目：https://github.com/alannewlife/skills