你是不是也这样：做一份述职或汇报 PPT，找模板、配颜色、调版式，光排版就耗掉大半个晚上，最后出来的东西还是满满的“模板味”。真正卡你的往往不是内容，而是排版这件 AI 一直没做好的事。

今天实测的 frontend-slides，是 GitHub 上一个 3 万星的开源 skill（2026年10月19日页面实测 30.9k 星，MIT 协议可商用）。它的思路完全反过来：不用你描述审美，它先渲染 3 版真实预览给你挑；不生成 .pptx，它直接给你一套能在浏览器里放映、自带动画的 HTML 演示。

01　它是什么：装进编程助手的“PPT 设计师”

frontend-slides 是作者 Zara Zhang 开源的一个 AI 技能，装进 Claude Code、Codex、Kimi Code 这类编程助手就能用。它做的事情很纯粹：把你讲的内容，变成一份零依赖、单文件的 HTML 演示文稿。

零依赖是什么意思？生成的 HTML 把样式和动画全部内联在文件里，不依赖任何软件、字体或网络。拷给任何人，用任何浏览器打开，效果都一样；理论上放十年也能正常放映。这就是它和“模板套壳”工具最本质的区别。

图1：frontend-slides 仓库热度与功能定位

02　核心机制：先给你看，再让你选

它和普通 AI 生成 PPT 最大的区别，是“Show, Don’t Tell”（给你看，而不是听你讲）的机制：你描述完需求，它会先生成 3 个真实渲染的 HTML 标题页预览（A/B/C），每个来自不同风格方向，你直接说“选 A”就行——不用憋“高级一点”“再大气一点”这种谁也说不清的抽象词。

风格储备上，它内置 12 种精调预设（深色、浅色、特殊风各 4 种），外加 34 款从 beautiful-html-templates 引入的大胆模板。更狠的是它明确拒绝“AI 模板味”：Inter/Roboto/Arial 字体、白底紫色渐变、全居中排版、玻璃拟态，全在禁用清单里。你在别处被 AI 喂吐的那套审美，它直接不生产。

图2：README 演示稿截图：为什么你的下一份演示一定要是 PPT？

03　怎么用：三步，30 秒描述、5 分钟出稿

第一步，描述需求：打开 Claude Code，输入 /frontend-slides，用大白话告诉它要讲什么、几页、给谁听。第二步，选风格：从 3 版预览里挑一个顺眼的。第三步，等生成：1–5 分钟后得到一个 .html 文件，浏览器打开、按 F11 全屏就能放映。

安装也只需要两条命令：/plugin marketplace add https://github.com/zarazhangrui/frontend-slides，然后 /plugin install frontend-slides@frontend-slides，等 30 秒左右即可。有实测者记录过完整过程：30 秒描述需求、5 分钟拿到成稿，发出去的述职演示得到一句“这个风格挺好，不像以前那种模板的感觉”。

图3：frontend-slides 三步操作流程

04　实测玩法：旧 PPT 一键换风格，还能部署成链接

它最实用的玩法是旧 PPT 转换：把现成的 .pptx 扔给它，脚本会提取全部文字、图片和备注，你确认内容后，它按新风格把整套重新排成 HTML。过去攒的内容一点不浪费，只换一套视觉。

生成的演示还能一键部署到 Vercel 拿永久链接，或导出成 PDF 发给别人。对想靠这门手艺接单的人来说，路径是通的：述职代做、演示定制、把客户的老 PPT 翻新成网页版，都是可落地的活儿。但丑话说在前：工具只省了排版的时间，内容质量、审美判断和交付标准，还得靠你自己。

图4：内置 Bold 模板之一 Neo-Grid Bold 的封面页

05　避坑：四个真实的坑

第一，首次运行会慢：脚本要装 Playwright 并下载 Chromium（约 150MB），第一次可能要等 30–60 秒，不是卡死了。第二，描述越具体越好：只说“做个复盘”，生成的就是通用占位内容；把数字、案例、结论直接喂给它。

第三，HTML 文件别直接走微信发：微信会把 HTML 当网页处理、只显示代码，转成 PDF 或发云盘链接更稳。第四，要交付 .pptx 的客户场景要慎用：HTML 没有 PowerPoint 的演示者模式、备注和 Office 生态集成，动画导出成 PDF 也会丢失。

图5：内置 Soft Editorial 模板的数据页：68% 这类数字直接做成大色块

让 AI 把排版的重复活接走，你才有时间把述职、接单这些真正要紧的事做起来。

如果你觉得今天实测的这招有用，就点个在看，并关注本公众号「Skill 实测局」，我每天实测一个 GitHub 上的好技能，帮你把麻烦事一件件干掉。