微信扫码
添加专属顾问
我要投稿
这个 Claude Skill 让 AI 做出真正好看的 PPT,把审美难题变成了直观的可视化选择。核心内容:1. AI生成PPT的“廉价模板”痛点与审美困境2. frontend-slides将演示文稿变为网页的创新设计3. “先看再选”的视觉预览工作流如何解决审美表达难题
我一开始看到 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+中大型企业
2026-05-21
AI里,你必学的新Office三件套:MD、CSV、HTML
2026-05-21
体验完阿里首款Design Agent,我开始替UI/前端焦虑了..
2026-05-19
不要再直接把 UI 图转成代码了,先看这份 UI Spec 模板
2026-05-18
Git issue + PR:律师的下一代协作方式
2026-05-16
从Markdown到HTML:AI应用分发的下一个路口
2026-05-06
Amazon Quick桌面版:读文档、做PPT、查邮件,一句话全搞定
2026-04-28
gpt-image-2发布后,PPT最强skill
2026-04-18
刚刚,Claude Design 发布!网友:将摧毁设计行业……
2026-02-28
2026-03-21
2026-03-09
2026-03-05
2026-03-09
2026-03-12
2026-03-13
2026-04-14
2026-03-24
2026-04-18
2026-02-28
2026-02-07
2026-01-29
2026-01-21
2026-01-06
2025-12-22
2025-12-15
2025-12-09