2026年5月28日 周四晚上19:30,报名腾讯会议了解“如何转型成为前线部署工程师(FDE)”(限30人)
免费POC, 零成本试错
FDE知识库

FDE知识库

学习大模型的前沿技术与行业落地应用


我要投稿

我研究了这个 18.6k Star 的 Skills,做幼师的女朋友夸我真猛!

发布日期:2026-05-24 15:32:30 浏览次数: 1533
作者:菜鸟要飞

微信搜一搜,关注“菜鸟要飞”

推荐语

这个 Claude Skill 让 AI 做出真正好看的 PPT,把审美难题变成了直观的可视化选择。

核心内容:
1. AI生成PPT的“廉价模板”痛点与审美困境
2. frontend-slides将演示文稿变为网页的创新设计
3. “先看再选”的视觉预览工作流如何解决审美表达难题

杨芳贤
53AI创始人/腾讯云(TVP)最具价值专家
RAGino Sans GB, Segoe UI, Microsoft YaHei, Arial, sans-serif;line-height: 1.75;color: #24292e;font-size: 16px;word-wrap: break-word;background: #ffffff;padding: 0 8px;">

你好呀,我是五竹。

我一开始看到 frontend-slides 这个项目的时候,心里其实挺平静的。

因为这两年所谓的 AI PPT 工具,我真的见太多了。你给它一个主题,它给你生成十几页;你让它商务一点,它给你来个蓝紫渐变;你让它科技一点,它给你安排一堆圆角卡片和发光图标。

不能说不能用。

但就是一眼 AI 味。

那种感觉特别微妙:标题有,结构有,图标有,甚至每页还有一句看起来很正确的总结。但你真拿去开会,自己都觉得有点心虚。不是内容错了,而是它看起来太像“模板网站 9.9 包邮”。

直到我研究了这个 GitHub 上 18.6k Star 的 Claude Skill:frontend-slides。


我突然意识到,AI 做 PPT 最难的,可能从来不是内容。

而是审美。

frontend-slides 的本质,不是传统意义上的 PPT 软件。它是一个 Claude Code Skill,能生成零依赖的 HTML 网页幻灯片,CSS 和 JS 都内联在一个文件里,浏览器直接打开就能演示;它也支持把已有 PowerPoint 转成网页幻灯片。

这个设计就很有意思。

因为它没有试图重新发明 PowerPoint,而是换了一个思路:既然 AI 本来就擅长写代码、组织结构、生成页面,那为什么不直接把“演示文稿”变成一个网页?

这样一来,幻灯片就不再只是静态页面了。它可以有动画,可以有更自由的布局,可以部署到线上,也可以像网页一样被编辑和传播。

但这些都还不是最打动我的地方。

真正让我觉得“坏了,这东西有点东西”的,是它的工作流。

它不是一上来就问你:“请描述你想要的设计风格。”

说实话,这种问题对普通人来说,特别折磨。

我哪知道我要什么风格?我只知道我不想要土的,不想要廉价模板,不想要看起来像 AI 自动生成的。但你真让我说清楚什么叫高级、什么叫克制、什么叫视觉张力,我可能只能憋出一句:

“能不能好看一点?”

然后 AI 就开始自由发挥。

最后给你一坨更用力的渐变。

frontend-slides 聪明的地方在于,它强调 “show, don’t tell”:先生成几个视觉预览,让你直接看,再让你选。

这个逻辑太关键了。

因为审美最难的地方,不是没有感觉,而是说不出口。

普通人可能说不出“我要高对比、强节奏、非对称排版、低饱和色彩系统”。但普通人一定看得出来:这个能用,那个不行;这个像发布会,那个像乡镇企业年会;这个有表达欲,那个像老板从 2016 年模板库里翻出来的。

这就是它真正解决的问题。

它不是替你决定审美,而是把审美选择变成了一个可视化流程。

更狠的是,它还明确写了 Anti-AI-Slop,也就是反 AI 垃圾感。项目里内置了多种风格预设,比如 Bold Signal、Electric Studio、Notebook Tabs、Neon Cyber、Terminal Green、Paper & Ink 等,不是只有那种万年不变的白底紫蓝科技风。

说实话,这点我很喜欢。

因为现在很多 AI 工具最大的问题,不是它不够强,而是它太平均了。

平均地正确,平均地完整,平均地无聊。

它会把所有东西都做成“看起来没问题”的样子,但也正因为没问题,所以没有记忆点。就像一个特别努力但完全没有个人风格的实习生,活干完了,但你总觉得少了点什么。

frontend-slides 让我看到了一种更好的方向:好的 AI 工具,不应该只是帮你生成更多东西,它还应该帮你避免生成垃圾。

这个价值,比单纯“一键生成 PPT”重要多了。

它的使用方法也不复杂。在 Claude Code 里,可以通过插件市场安装:

/plugin marketplace add zarazhangrui/frontend-slides
/plugin install frontend-slides@frontend-slides

然后输入:

/frontend-slides

它会引导你选择是新建演示文稿,还是转换已有 PPT;会问你用途、页数、内容准备情况、是否需要浏览器内编辑,然后生成风格预览,最后输出 HTML 幻灯片。手动安装也可以 clone 到 ~/.claude/skills/frontend-slides

所以你会发现,它真正厉害的地方,不是某一个功能,而是它把“做一份好看的演示文稿”拆成了一套 Claude Code 能稳定执行的流程。

这也是我最近越来越强烈的一个感受:

Prompt 是一句话命令,Skill 是一套工作方法。

下面简单看一个实战:随手让它设计了一个课件!

2分钟出效果

是不是有点惊艳!反正我是!

以前我们用 AI,经常会反复说:“高级一点”“别那么模板”“排版好看点”“动画克制点”。但这些话本质上都很虚,AI 很难稳定理解。

而 Skill 的意义,就是把这些虚的东西沉淀下来,变成步骤、模板、预览、验证和交付。

这就很不一样了。

AI 时代真正值钱的,可能不是你会不会命令 AI,而是你能不能把一件复杂的事,拆成 AI 能稳定执行的流程。

frontend-slides 表面上是在做 PPT。

但我觉得,它真正展示的是另一件事:普通人不一定要成为设计师,也不一定要学会所有 CSS 和动画细节,才有资格做出像样的表达。

技术真正好的地方,不是替你表达。

而是让那些原本表达不出来的人,终于能把脑子里的东西,做成一个像样的作品。



最近,我用Claude Code开发了一款小程序——拆号鸭,输入任意公众号名称,就从 7 个维度拆解这个公众号的写作方法论,并生成一套完整的创作SOP提示词,让你也能写出同样风格的文章。

以上,既然看到这里了,如果觉得不错,随手点个赞、在看、转发三连吧,如果想第一时间收到推送,也可以给我个星标⭐~

谢谢你看我的文章,我们,下次再见。

53AI,企业落地大模型首选服务商

产品:场景落地咨询+大模型应用平台+行业解决方案

承诺:免费POC验证,效果达标后再合作。零风险落地应用大模型,已交付160+中大型企业

联系我们

售前咨询
186 6662 7370
预约演示
185 8882 0121

微信扫码

添加专属顾问

回到顶部

加载中...

扫码咨询