别熬夜调 PPT 了,用这个AI工具帮你排版

你是否经历过在模板网站挑了四十分钟，最后花39块买了个”高端商务风”，下载下来一看——字体是宋体，动画是飞入，配色是十年前流行的蓝白渐变？

如今AI 时代到来，如果你还是在花冤枉钱，那就太不应该了。

Frontend Slides是一个开源项目，GitHub 地址：https://github.com/zarazhangrui/frontend-slides。

它不是软件，不是一个要安装的工具，甚至不是你平时理解的那种”模板网站”。它是一套设计规范和指令集——说白了就是一份告诉AI”怎么帮我做幻灯片”的操作手册。

它产出的东西很简单：一个HTML文件。双击打开就是网页幻灯片，有动画、有导航、手机电脑都能看。不需要PowerPoint，不需要装任何软件，不需要付费。

项目里内置了12种完全不同的视觉风格。不是那种换个颜色就叫新风格的模板，是真的一眼能看出区别：

普通AI做出来的幻灯片容易撞脸——紫色渐变、圆角卡片、Inter字体——这个项目专门规避了这些，每一种风格都有独立的设计语言。

你需要的是一个能读取本地文件、能写代码的AI助手。比如Trae就可以。

具体步骤：

第一步 ：把项目下载到电脑上。GitHub页面点Download ZIP，解压到一个文件夹。

第二步 ：用Trae打开这个文件夹。

第三步 ：在Trae或其他代码平台工具中说一句话——“按照SKILL.md里的流程，帮我做一个关于XXX的幻灯片”。XXX换成你的内容，比如”产品路演””季度汇报””课程讲义”。

第四步： Trae会问你几个问题：你想表达什么感觉（震撼？活力？沉稳？）、大概多少页、有没有现成内容。你回答完，它会生成三张不同风格的预览图让你挑。你选一个看着顺眼的，它就自动把整份幻灯片做出来。

第五步 ：生成的HTML文件双击就能在浏览器里播放。键盘方向键翻页，手机上滑屏切换。发链接给别人，复制文件给别人，都一样能看。

如果你有一个PPT文件想转成网页版，步骤也一样：把PPT文件放进项目文件夹，告诉Trae”按SKILL.md的PPT转换流程处理这个PPT”，它会提取PPT里的文字和图片，重新渲染成网页幻灯片。

跟别的方式比，到底好在哪？

传统做演示文稿有三条路，每条都有各自的憋屈。

路一：自己做PPT。 打开PowerPoint，选模板，调字体，调颜色，调间距，对齐元素，加动画，调整动画顺序……一个10页的PPT，排版花掉的时间比写内容还多。而且你做出来的东西，大概率跟别人撞脸。

路二：在线模板网站。 看起来免费，下到一半提示付费。付费之后发现模板是死的，内容一改布局就乱，字体只支持几种，导出的PPT文件在别人电脑上打开完全变样。

路三：找设计师。 贵，沟通成本高，而且改一次就要再沟通一次。

Frontend Slides的思路绕过了这一切。它做的事情是：你负责内容，AI负责设计。你不描述想要什么风格——因为大部分人说不出”我要现代主义排版加不对称构图”——而是直接看三张预览图，凭直觉挑。这是它最聪明的地方：用”看见再选”替代了”想好再找”。

产出的HTML文件零依赖。什么意思？就是这个文件不依赖任何框架、任何库、任何云端服务。你今天用它，五年后照样能打开。作者在项目里写了句话很实在：“一个React项目从2019年到现在还能跑吗？不好说。但一个HTML文件十年后一定能打开。”

动画是原生CSS和JS实现的，流畅不卡。手机上打开自动适配屏幕，不会出现字体小到看不清或者内容撑出屏幕的情况。你可以一键部署到网上生成永久链接，也可以导出PDF，方便微信、邮件、打印。

这东西不是一个魔法。如果你对某一张幻灯片有像素级的排版要求——某个图必须在左上角第几像素、某个字必须用特定字号——那它做不到。它的定位是帮你用最短时间做出80分的成品，不是帮你打磨一百分的定制设计。

它是AI辅助生成，不是你在设计软件里手调。生成出来的东西风格在线、质量靠谱，但如果你需要反复微调某个局部，可能需要自己改一下HTML——好在代码注释很详细，稍微看懂一点就能调。

另外，如果你用的是在线的AI对话（比如网页版的各种聊天机器人），这套东西用不了进，因为需要AI能读你本地的文件。你得用能访问本地文件的AI编程工具，Trae、Cursor之类都可以。

这个项目最适合谁：经常做汇报但厌烦排版的产品经理、需要快速出BP的创业者、要准备课程讲义但不想折腾PPT的老师、要频繁做方案演示的销售。如果你的需求是”把我脑子里的内容变成好看的样子，越快越好”，它很对路。

如果你本身就很享受做PPT的过程，喜欢精细控制每一个元素的位置和动画，那这工具可能不适合你。它不是来取代设计师的，是来救那些不想做设计的人的。

去 https://github.com/zarazhangrui/frontend-slides 点Download ZIP，解压后用Trae打开文件夹，对AI说一句”按照SKILL.md的流程帮我做一个幻灯片”。

别想太多，先试一个。做出来看效果，再决定要不要继续用。花五分钟的事情，这个风险你承担得起。