HTML要替代传统PPT?附3个Skill做工作汇报、Excel和产品介绍

你是不是也和我一样，已经好久没有手搓PPT了啊。前几天，我把仅粘贴格式的快捷键都给忘了。。。

前几天和投行前同事说话，我真的羡慕哭了，如果十年哪怕五年前有 AI ，我得少熬了多少夜啊。

而且现在AI做出来的这种 HTML 版 PPT，不仅审美和流畅度是next level，交互的增加，也更符合展示和观众思路的引导。

给大家展示一下我用 GPT6-Astra 花了半小时做的 HTML版 团队汇报 PPT。

（剧透一下，本期是 J 人福利期哦）

有人可能会说，这和我用PowerPoint做得也没差太多呀，稍微变好看了一点，以及会动了而已。

你说的会动，我觉得反倒是HTML PPT最吸引我的点。

传统PPT更多是按照固定顺序一页页往下讲，但HTML可以通过不同的交互和动效，主动控制信息出现的节奏，把观众的注意力带到你想讲的重点上。

什么意思？

就比如，我给页面加了一个光圈鼠标，移动到哪里，视觉焦点就跟到哪里。碰到关键数字时，数字还会自动放大、高亮。

鼠标会放大、高亮强调

做现场汇报的时候，它有点像一个自带特效的激光笔。你不需要专门告诉大家“看这里”，鼠标移过去，页面已经帮你把重点指出来了。

而且一旦 PPT 开始有交互，能玩的东西就多了。鼠标移过去会有反馈，点击之后会有回应，数据也可以跟着动起来。

比如，我特意设计了让条形图的数据动起来，让它们有一个从0到1，从1到100的一个快速增长过程。一旦有东西在动，观众的注意力会被不断调动。

条形图有增长的动态效果

最后再说一个我很喜欢的点，就是用HTML做PPT会更灵活，可以让信息一层一层展开。

传统PPT一页能放的东西有限，放少了怕讲不清楚，放多了又密密麻麻全是字。但HTML就突破了这个限制，想看不同项目就切换Tab，需要补充说明时，再弹出详细信息。

多渠道的信息可折叠展开

我觉得，在审美、交互体验、信息呈现的三重夹攻下，HTML版本PPT会成为绝对主流了。

毕竟，对AI来说，做HTML文件比做PowerPoint文件更顺手。

因为HTML本质上就是文本、结构和代码，天然适配大模型，AI写起来就跟吃饭一样简单。

尤其现在，AI 又把写代码这个门槛抹掉了，做一个 HTML演示，已经没有以前那么难。

所以，我也给大家准备了三种不同使用场景的HTML Skill，帮大家做出好看又实用的演示文档！

惭愧，这是本ESTJ手搓的卷王Skill，为的就是，让你老板能够更快速的、get到你的工作成绩和亮点。

因为我发现，给老板的工作汇报如果直接让 AI 做成PPT，就很容易做成流水账，而且每一页密密麻麻的一堆字，领导根本没时间研究。

所以，我做了这个适合打工人汇报的work-report-html的 Skill，把一些密密麻麻的会议纪要转成一个可以快速看到重点的工作汇报。

把会议纪要丢给这个Skill处理

然后，我就会得到👇

更清晰的工作汇报

千万别以为只能做会议纪要，你当然也可以把周报、年度报告、项目进度、KPI 数据、Todo、Deadline、零散工作记录这些都丢进去。

这里面特意设计了一个重点筛选机制，把真正值得讲的结果放大，然后才是生成好看的HTML。

只筛选重要的信息做汇报

Skill我放Github了，大家可以去试试：

有没有和我一样的数据分析狂魔啊，看到 Excel 里面的几千行经营数据就兴奋，总想着、能变着法的、挖掘出来些独特的细节出来。

所以啊，为了补全我这个古法 Excel 匠人的效率，我又做了一个excel-dashboard-html的Skill。

比如，我让团队把最近的运营数据全部拉到一个Excel里，再交给这个Skill处理。

把Excel丢给这个Skill

最后，不只是数据变得更容易看懂了，它还帮我们发现了一些原本藏在表格里的问题：哪些平台在增长、哪些数据突然下滑、哪些指标看起来很好但背后其实有异常。

更容易找到异常数据

这个Skill不是一拿到Excel就直接画图，而是会先问你：这份数据给谁看？你最关心什么？

然后再去找哪些数据涨了、哪些跌了、哪里出现异常，最后根据你的需求选择合适的图表，生成一个可以筛选、切换和比较的 Dashboard。

找出你最关心的数据做dashboard

Skill我也放Github了，大家可以去试试：

最后，我还做了一个product-intro-html的skill，主要是想帮大家快速演示自己的产品。

比如，我把上次用Image 2.5设计的音箱

用这个Skill做成一个产品介绍，然后就会得到👇：

快速做出一个产品介绍

你把产品图和产品介绍给这个Skill之后，它会快速帮你梳理产品定位、用户痛点、核心卖点、使用场景和产品细节。

如果缺少合适的场景图，会自动调用Image 2.5帮你生成合适的图片，最后才是生成HTML。

梳理产品+补充产品展示图片

Skill我也放Github了，大家可以去试试：

你们还有什么场景想做成 HTML？评论区告诉我们，我继续去折腾！