AI一键出专业PPT：html-ppt-skill 如何让Claude Code变成你的专属幻灯片设计师

大家好，我是尹珉。以前做技术分享、产品路演或者小红书图文，很多人卡在最后一公里——内容有了，但排版、动画、整体视觉得花大半天调PowerPoint。现在不一样了，GitHub上这个html-ppt-skill项目，直接把Claude Code这样的AI代理变成了PPT高手。装上它，AI就能吐出带36个主题、31种布局、47种动画（含Canvas特效）的完整HTML演示稿，还自带真正的演讲者模式。普通人用它能快速做出不丢人的专业演示，技术人则能看到HTML+AI在内容表达上的新可能。

我自己试过用它做一份8页的技术分享，输入大纲后几分钟就拿到一个cyberpunk风的HTML文件，动画流畅、手机也能看，导出分享超方便。这不是简单生成几张图，而是真正可直接用的单文件作品。

它到底厉害在哪儿

这个skill的核心是把“做PPT”这件事从繁琐操作变成自然对话。你可以直接说：“做一份8页的技术分享，用cyberpunk主题”或者“把这个产品大纲转成pitch deck”，AI代理就会按照内置的模板和规则生成。里面准备了24-36个主题（具体数字随迭代更新）、31种页面布局、20+种动画效果，还有15个左右的全套模板。

最打动我的是新增的Presenter Mode（演讲者模式）。按S键就能弹出一个独立窗口，里面有演讲者笔记、计时器、当前+下一页预览、同步控制。笔记不是死板的文字，而是按“像说话一样写”的建议：150-300字每页、加粗关键词、分段过渡句。AI生成时会自动帮你按这个标准来，真正把“做演示”和“讲演示”连在一起。

它还支持深链接、预览模式、主题切换、概览网格等快捷操作，全是纯静态HTML/CSS/JS，没有构建步骤，打开就能用。普通人不用学任何设计软件，技术人可以轻松fork改主题或加自定义动画。

技术实现里的克制与专业

项目结构很清晰：SKILL.md负责和代理对话，templates里放各种主题和布局，references目录有详细的主题/布局/动画目录和写作指南。安装超级简单，一条命令 npx skills add https://github.com/lewislulu/html-ppt-skill 就行，兼容Claude Code等主流AgentSkill环境。

它强调“世界级”但不复杂：所有东西都是静态文件，iframe隔离主题，postMessage实现无闪烁切换。动画分CSS和Canvas两类，覆盖常见需求又不过度花哨。作者在prompt设计上花了心思，确保AI输出的结构稳定、可维护，不会乱加特效毁掉专业感。

对技术人来说，这里面有不少值得学的点：如何用HTML/CSS/JS做高性能演示、如何设计Agent友好的模板系统、如何平衡创意自由和约束规则。这些经验可以迁移到其他内容生成场景里。

这对普通人和创作者的真实意义

对普通人：以前做个分享得纠结配色、动画、排版，现在把想法和大纲扔给AI，几分钟就能拿到能直接发给同事或上传到网页的成品。技术汇报、产品演示、小红书笔记、甚至个人简历展示，都能快速搞定。门槛低了，重点就能放在内容质量上，而不是工具操作。

对技术人和内容创作者：这是效率的放大器。你可以基于这个skill扩展自己的品牌模板、集成到工作流，或者fork后做垂直优化——比如教育课件专属版、创业pitch专属版。长远来看，演示稿的创作范式正在改变：从“手动排版”转向“指挥AI生成+小幅调整”。html-ppt-skill把这个转变做得特别实用，不追求万能，但把90%的常见场景覆盖得很扎实。

它也反映了一个趋势：AI代理的“技能包”生态越来越成熟。通用模型能力够强后，领域特定的结构化能力（这里是演示设计）就成了决胜点。这个项目和之前聊过的html-anything、各种视频skill一样，都在把AI从“辅助写字”推向“辅助表达”。

动手试试，感受一下

项目地址：https://github.com/lewislulu/html-ppt-skill

推荐先看中文README，跑一条安装命令，然后在Claude Code里试试生成一份简单演示。你大概率会跟我一样，感慨以前在PowerPoint上浪费的时间太多了。