大家好,我是用 HTML 做 PPT 的阿序。
上篇文章,阿序跟大家见了面,简单聊了聊自己。这篇文章,咱们正式开始上干货。
之前咱们做一份 PPT 基本离不开手搓:先列大纲、找模板,再一点点调整文字这些细节。
AI 出现以后,做 PPT 确实方便了很多。把文档丢进去,选择一个模板,几分钟就能生成十几页内容。
但用久了也会发现,生成出来的东西有着相似的风格、AI味十足,还不好看。
而用Html做PPT的Skill的出现,让这件事有了新的解法。
简单理解,这些 Skill 就是一套专门教 AI 如何制作Html样式 PPT 的工作说明书。它可以包含设计规范、页面模板、字体规则、动画代码、检查清单和导出脚本。
AI Agent 读取 Skill 以后,便可以按照设定好的工作流,完成内容梳理、视觉设计、页面生成、浏览器预览和后续修改。
最近比较火的 PPT Skill 有三个。
// 01-frontend-slides
第一个项目,来自博主张咋啦老师。
项目地址:
https://github.com/zarazhangrui/frontend-slides
Frontend Slides 有一个很有意思的设计思路。
大多数 AI PPT 工具在生成之前,都会先问你:想要科技风、商务风,还是简约风?
可是普通用户很难通过几个抽象词语,准确描述自己想要的设计。而Frontend Slides 会先生成三个不同的视觉预览,让用户直接查看效果,再决定最终使用哪一个方向。
这种就很适合设计能力有限、同时又不想得到普通模板化 PPT 的用户。相比填写一大段风格提示词,直接从几个视觉方案中做选择,显然更加直观!
在技术上,Frontend Slides 不需要什么依赖。最终生成的是一个包含 HTML、CSS 和 JavaScript 的单文件,直接使用浏览器就能打开。
项目包含 12 个基础视觉预设,同时接入了 34 套大胆的设计系统,覆盖杂志、复古、像素、极简、瑞士风、Windows 95、手绘和新粗野主义等多种方向。
它还支持把已有的 PPTX 文件转换成网页演示,提取原文件里的文字、图片和备注,再重新设计成 HTML PPT。
// 02-guizang-ppt-skill
第二个项目,是归藏老师制作的 Guizang PPT Skill。
项目地址:
https://github.com/op7418/guizang-ppt-skill
这个 Skill 目前主要内置了两套视觉系统。
第一套是电子杂志 × 电子墨水,使用衬线字体、暖色调、流体背景和杂志式排版,适合个人分享、行业观察、商业故事和观点表达。
第二套是瑞士国际主义风格,强调网格、大字号、高饱和强调色和清晰的信息层级,更适合 AI 产品、技术方案、数据汇报和方法论内容。
这两套风格的差异非常明确:杂志风负责叙事,瑞士风负责信息表达。
Guizang PPT Skill 还有一个很适合内容创作者的能力,它已经逐渐从单纯制作 PPT,扩展成了一套内容视觉工作流。
在同一套设计规则下,它可以继续生成 PPT 配图、产品截图背景、公众号头图、公众号分享卡、视频号封面等。
也就是说,一篇文章可以先被整理成演讲 PPT,再从 PPT 中提取核心观点,继续生成公众号封面和社交媒体图片。
不同平台的尺寸会发生变化,整体视觉语言依然能够保持统一。
对于经常需要一稿多发的内容创作者来说,这条链路非常实用。尤其是个人 IP、知识博主、产品经理和经常参加线下分享的人,可以围绕一份内容,快速完成整套视觉物料。
省事又方便!
相应地,这套Skill目前的视觉选择主要集中在杂志风和瑞士风。
面对传统企业汇报、大量数据表格、培训课件和多人协作场景时,的确不太合适。
// 03-dashi-ppt-skill
来自大师的 AI 小灶最近发布的 DashiAI PPT Skill。
项目地址:
https://github.com/chuspeeism/dashiAI-ppt-skill
前面两个 Skill 已经解决了 HTML PPT 的生成和设计问题,但实际使用时,还有一个绕不开的痛点:
AI 生成以后,应该怎么改?
传统做法当然是继续让 AI 修改,但每调整一个字号、一个模块数量或者一张图片,都要重新描述一遍需求,实际效率未必理想。
尤其在职场场景中,PPT 很少生成一次就直接交付。它通常还要经过自己、同事、领导和客户的多轮修改。生成只是第一步,能否方便地编辑和交付,同样重要。
DashiAI PPT Skill 把主要精力放在了生成后的编辑上。
它生成的每一页网页 PPT 都自带编辑控制台。用户可以在浏览器里直接修改文字、切换布局、增减模块、更换颜色、替换图片和视频,也可以通过滑杆、开关和下拉菜单调整页面。
修改完成以后,内容会自动写回本地文件,还可以一键导出为 PDF 或真正可编辑的 PPTX文件。
它内置了 12 套视觉主题、1020 个版式页面和 8576 个可调控件。版式覆盖产品介绍、企业汇报、技术方案,还包含雷达图、瀑布图和商业模式画布等常见职场模型,覆盖范围相当丰富了。
提供的 12 套主题包括轻拟态、炫光紫绿、深浅代码、玻璃糖果等,每一个的视觉设计效果都不错。
阿序看了看这套Skill的具体规范,Agent 在使用时会优先保留页面原有的结构、配色、图表和视觉关系,主要替换文字,以及用户明确要求修改的属性。
这样的规则能够提高生成稳定性,减少 AI 自由发挥导致的元素错位和版式崩坏。相应地,设计空间也会受到现有模板库和控件系统的边界约束,自由度相对就降低了。
对于公司汇报、方案提案、市场分析、年终总结,以及需要继续交给同事和领导修改的职场 PPT,DashiAI PPT Skill 可能是三者中交付链路最完整的一套。
// 04-实际测试
介绍完这三个Skill,为了尽量公平,我给三个 PPT Skill 使用了完全相同的任务,没有提供大纲、图片和模板,也没有指定具体的视觉风格。
只给了它们一句提示词:制作一份《Codex 零基础使用教程》的 HTML PPT。
接下来,我们一起看看效果
1️⃣ frontend-slides
2️⃣ guizang-ppt-skill
3️⃣ dashiAI-ppt-skill
在体验了这个PPT Skill后,阿序总结出下面几个选择依据。
如果你不知道自己想要什么风格,希望 AI 先给出几个视觉方向,可以优先尝试 Frontend Slides。
如果你在做自媒体、个人品牌或者线下分享,希望 PPT、配图和公众号封面保持统一,Guizang PPT Skill 会更加顺手。
如果你的 PPT 最终需要交给领导和同事继续修改,或者必须交付 PPTX 文件,DashiAI PPT Skill 提供的浏览器编辑控制台和 PPTX 导出会更实用
// 写在最后
研究完这三个项目以后,我发现 AI 做 PPT 的底层逻辑,正在发生一个很有意思的变化。
过去,我们通常会直接让 AI 生成 PPTX 文件。但 PPTX 本质上是一个结构复杂的压缩文件,里面包含页面、文字、图片、图表、主题和元素位置等大量信息。
AI 可以生成 PPTX,想要稳定地理解、修改、预览和检查其中的每一个元素,依然存在较高难度。
HTML、CSS 和 JavaScript 全部由文本组成,AI 可以直接读取、生成和修改。浏览器又天然拥有成熟的字体渲染、动画、图表、视频和交互能力。
Agent 可以一边编写页面代码,一边打开浏览器检查效果。发现文字溢出、图片变形或者元素错位以后,它还可以继续修改代码,重新验证。
因此,HTML 很适合作为 AI 制作 PPT 的底层格式。
HTML 负责生成、预览和修改,PPTX 继续承担职场交付和多人协作。
过去,大家关注的是 AI 能不能做出一份 PPT。现在,竞争重点已经逐渐转向更具体的问题:
能不能稳定生成,能不能更加美观,能不能方便修改,能不能顺利交付。
当这些问题逐渐被解决,AI 做 PPT 才会真正从看起来很厉害,进入日常真的能用的阶段。
我是阿序,感谢您的阅读,我们下期见!
投稿邮箱:tougao@axu.cool