这个 skill,让我彻底不用碰 PPT 了
- 2026-09-27 08:14:18
这个 skill,让我彻底不用碰 PPT 了一件就够 | 第2期 每期深度介绍一个超级好用的工具。 上一期推荐了 beautiful-feishu-whiteboard，做超级好看的飞书画板，这一期，推荐一个更狠的：frontend-slides，同样是 Zara Zhang 的作品。 如果说上一个解决的是“画板丑”，这个解决的是——你根本不需要打开 PPT 了。 01 它能做什么 AI时代，我觉得两个格式最重要，一个是Markdown格式，替代word格式，用来和AI交流;一个是Html格式，替代PPT，用来和人交流。 今天这个skill，就是用说话的方式，生成一个能在浏览器里跑的超级漂亮的，HTML 演示文稿。 1. 从零开始做一份演示文稿 你跟它说“用 frontend-slides 做一份 HTML 演示，内容如下：[贴内容]”，它问你几个问题，然后生成三张风格样稿让你挑。选完，出一份完整的 HTML 演示文稿，直接在浏览器里打开。 
2. 把旧 PPT 转成网页版幻灯片 你有一个积灰的 .pptx 文件，丢给它，他同样会问你一系列问题，让你确认，然后选一个风格，生成 HTML 版本，原来的素材可以都在。 
3. 做出来的东西，可一句话分享 生成完之后，它可以一键部署到 Vercel，给你一个永久链接，手机、平板、电脑都能打开。 备注：相比Vercel，我个人更喜欢cloudflare，两者都是免费，建议到cloudflare注册账号，生成API令牌，和你的AI沟通一次，以后做的HTML幻动片，都可以和AI说：帮我部署到cloudflare，并把分享链接发给我。 02 设计哲学 这个 skill 有几个设计，我觉得很聪明。 零依赖。 生成的是一份单独的 HTML 文件，CSS 和 JS 全部内嵌。没有 npm，没有 build 工具，没有框架。你把这个文件存下来，十年后打开，它还在。 Zara 在文档里写了一句我很喜欢的话：“依赖其实也是一种债务” 反 AI slop。 AI 生成的设计，默认就是紫色渐变配白色背景，Inter 字体，圆角卡片。千篇一律，一眼假。 这个 skill 在文档里专门列了一份“禁止清单”：禁止 Inter、Roboto、Arial；禁止紫色渐变配白底；禁止可预测的布局。 Zara对审美要求很高，它内置了 12 种精选风格预设，还有 34 种 bold 模板，可选加载，部分风格截图如下： 
03 怎么安装 和你的 AI agent 说： 帮我安装这个 skill，并告诉我怎么开始用：https://github.com/zarazhangrui/frontend-slides 前置条件： 不过没关系，你的AI agent都会帮你搞定。 04 第一次使用 比如，我有个古老的PPT文件，想转换才能html格式，我先上传PPTX文件附件，输入斜杠/，选择frontend-slides技能，直接输入：帮我把附件的PPTX转成html版幻灯，即可。 
它先问了几个问题：目标受众是谁？想传达的核心信息是什么？有没有品牌色或风格偏好？ 我回答完，它生成了三张风格预览。 
我选了其中一个，然后一份完整的 HTML 演示文稿就出来了。在浏览器里打开，有动画，有转场，16:9 固定比例，手机上打开也是完整的 16:9，不会乱掉。 05 几个实用提示词 从零做一份html幻灯片： 用这个 skill 做一份 pitch deck，主题是我的 AI 小程序「职场外脑」，目标受众是投资人。风格要克制、专业，不要太花哨。 转换旧 PPT为html演示文稿： 用这个 skill 把我的 presentation.pptx 转成网页版演示文稿。保留所有图片和备注。 导出 PDF文件： 把生成的演示文稿导出成 PDF。 部署到线上并分享： 帮我把这个演示文稿部署到 Vercel，给我一个分享链接。 06 最后 如果你只是需要一个快速的内部分享，用飞书画板就够了。 这个 skill 的价值在于“对外”和“正式”——pitch deck、产品发布、技术演讲。这些场合，演示文稿的质量直接影响别人对你的判断。 如果你需要精确到像素级的品牌控制，这个 skill 可能不够。 如果你没有 coding agent（claude code,codex,traework,workbuddy等等都可以），这个 skill 用不了。 它本质上是给 agent 用的，不是给你一个网页版工具或者对话式AI用的。
关注我，关注栏目“一件就够”——一个工具，一次讲透。 职场外脑小程序，你的AI工作记忆，正内测阶段，欢迎扫码试用。 
关联阅读： 这个 skill，让我的飞书画板好看得不像话
一个能读写文件、能跑 shell 的本地 coding agent PPT 转换需要 Python + python-pptx 部署到 Vercel 需要 Node.js 和 Vercel 账号（免费） 导出 PDF 需要 Node.js（Playwright 会自动安装）
本文来自网友投稿或网络内容，如有侵犯您的权益请联系我们删除，联系邮箱：wyl860211@qq.com 。
