汇报的时候别再做PPT啦,试试HTML网页吧!

我想问大家一个问题：AI时代你还在做PPT展示汇报你的项目吗？🤔

想必大家都经历过这种痛苦：项目本身已经做完了，结果临到汇报，还要创建PPT，调字号、拉文本框、对齐图片、统一配色......最后花在“做汇报”上的时间，甚至快赶上做项目了😭。

更麻烦的是，很多软件项目真正有意思的地方，本来就是动态的。

一个数据怎么流动、一段程序如何判断、一个功能前后发生了什么变化，这些东西放进PPT以后，往往只能变成几张截图，再配上一堆箭头。能讲，但不够直观。

不对啊！既然我们展示的本来就是数字产品，为什么不直接做成一个网页？

说干就干，于是我做了一个专门生成项目展示网页的开源项目：html-exhibition。

🔗链接先行：

一、PPT能“讲”项目，HTML可以把项目“演”出来💻

用HTML网页代替PPT，理由其实很直接：

·🤖 现阶段，AI制作HTML网页比PPT更方便。

在AI技术盛行的今天，想必大家都想直接用AI做项目展示，但是即便是使用如今最好的大模型+最好的Agent工具，做出来的PPT也差强人意。

但HTML不一样，它就是一行行代码，对于AI来说，写代码可比设计PPT容易多了，你只需要告诉AI，读取项目，然后用HTML写一个展示页面就行，剩下的时间你只需要刷刷手机📱，等展示界面被AI做出来就行。😄

·🎨 HTML的风格化和动态展示效果更好。

PPT当然也能做动画，但它的核心还是一页一页播放。HTML本身就是网页，可以自由控制字体、配色、布局、滚动节奏和交互方式，还能让动画真正对应项目的运行流程。展示软件、算法或数据变化时，网页天生更适合把过程“演出来”。

我们来看我做的一个demo。

（演示demo是我私用的AI Native知识库，未在公众号文章发表过。）

这不是一张设计稿，而是一个可以直接在浏览器打开的真实网页。

页面采用深色科技风，内容从上到下自然滚动。标题、正文、数据和代码不会全部挤在一页里，而是跟着汇报节奏逐步出现。

如果只是把PPT换成网页，那其实也没什么意思。

我更在意的是：能不能把项目最核心的工作过程，用动画真正演出来？

（该图片为动画的静态截图，可以移步至我的github仓库，看完整演示网页的动态效果。）

比如一个项目有“输入—处理—输出”的工作流程，页面里的元素就会按照这个流程移动；如果某一步有分支、判断或失败状态，也可以直接通过动画表现出来。

这类动画不是为了让页面看起来更“炫”，而是让观众少听一段解释，也能看懂项目到底在干什么。

而且动画可以在滚动到对应位置时自动播放，也可以点击按钮重新播放。现场有人没看清，再点一次就行，不需要像PPT那样疯狂前后翻页😅。

二、它做的不是网页，而是重新组织一次汇报🧠

老实说，现在让AI写一个HTML页面并不难。

如果只是把README、代码说明和功能列表全部塞进网页，最后得到的不过是一个“更漂亮的项目说明书”。信息很多，但观众看完以后，可能还是不知道项目最值得记住的是什么。

所以 html-exhibition 在生成页面之前，会先做三件事：

·📖 读懂项目：它解决了什么问题，最核心的机制是什么。

·🧠 整理叙事：按照“问题—发现—方案—证据—结论”组织汇报，而不是机械罗列功能。

·💻 设计展示：选择合适的版式和概念动画，再生成可以直接打开的HTML网页。

这意味着什么？

你不是让AI“帮我做个好看的网页”，而是让它先站在观众的角度，重新整理一次这个项目应该怎么讲。

三、简单项目和复杂项目，可以用两种方式📂

考虑到不同项目的规模差别很大，html-exhibition 提供了两种开发模式。

·单HTML模式：所有内容都放在一个 `.html` 文件里。适合短展示、简单项目和需要直接把文件发给别人的场景。

·复杂结构模式：HTML、CSS、JavaScript 分开保存。适合内容多、动画复杂、还要反复调整的大项目。

默认会使用复杂结构。

不过不管内部有多少文件，最后都会明确告诉你：只需要打开哪一个HTML文件。

打开这一个入口，所有页面、动画和交互都能正常使用。不会出现“这里点一个文件、那里再开一个文件”的套娃操作。

技术上它也比较克制：原生 HTML、CSS 和 JavaScript，没有复杂的前端框架，也不需要专门打包。对普通用户来说，最重要的一点就是——双击文件，浏览器就能打开。

四、怎么使用？把GitHub网址发给Agent就行🤖

html-exhibition 本身不是一个网站，而是一个给AI Agent使用的 Skill。

使用时，可以直接把项目的GitHub网址发给支持 Skill 的 Agent，然后告诉它：

这里一定要强调“完整下载”。

因为这个 Skill 不只有一份说明文件，还包含设计系统、动画工具、叙事规范、模板和案例。如果只下载一个 `SKILL.md`，就像只拿走了说明书，却把工具箱留在原地，最后生成效果肯定会打折。

安装好以后，重启一下Agent工具，然后打开Agent工具至项目文件夹，直接对话要求生成HTML网页，系统就会自动调用这个Skill开始生成啦~

五、它适合什么，又不适合什么？🙋‍♀️

我觉得它比较适合：

·软件项目汇报、产品方案展示

·毕业设计、比赛答辩、作品集

·需要演示数据流、算法流程和交互逻辑的内容

·不想继续和PPT文本框搏斗的人

不过，HTML也不是万能替代品。

如果你需要严格套用单位模板、多人同时用Office修改、频繁打印成纸质材料，PPT依然更加省事。

而且HTML网页有一个非常现实的弊端：它本质上还是代码。

PPT哪里不满意，直接点中文字就能改；卡片位置不对，用鼠标拖一下就行。HTML就没有这么随心所欲了。你临时想改一句话、挪一个模块，背后可能涉及HTML结构、CSS样式，甚至JavaScript交互，通常还是要回到代码里修改，或者继续让Agent帮你改。

尤其是汇报前五分钟突然冒出一个新想法时，PPT确实更适合“想到什么就改什么”；HTML如果牵一发而动全身，临时修改反而容易出现排版或交互问题😅。

另外，一个真正好看的项目展示，也不是输入一句话就能一次生成完。AI需要先读懂项目，还需要根据你的反馈调整叙事、动画和视觉。它可以省掉大量重复劳动，但不能替你决定“这个项目最值得讲什么”。

讲真，我反而觉得这是好事。