文章目录前言终于有人给AI发了把瑞士军刀安装简单到离谱一行命令搞定36套主题每一套都有态度杀手级功能演讲者模式15套完整deck模板开箱即用31种单页布局 47个动效零构建纯静态键盘快捷键拉满适合谁用对号入座写在最后P.S. 目前国内还是很缺AI人才的希望更多人能真正加入到AI行业共同促进行业进步增强我国的AI竞争力。想要系统学习AI知识的朋友可以看看我精心打磨的教程 http://blog.csdn.net/jiangjunshow教程通俗易懂高中生都能看懂还有各种段子风趣幽默从深度学习基础原理到各领域实战应用都有讲解我22年的AI积累全在里面了。注意教程仅限真正想入门AI的朋友否则看看零散的博文就够了。前言你有没有经历过这种绝望半夜十一点老板在群里发了一句明天早上给我个PPT你满怀希望地打开某AI工具输入需求然后——出来的东西配色辣眼睛排版像2003年的Word艺术字动画恨不得把所有特效都来一遍。你盯着屏幕感觉自己的审美被按在地上摩擦AI还在旁边无辜地说“主人我尽力了。”尽力了这配色方案是尽力了还是尽命了那字体组合像是把宋体和Impact放在搅拌机里打了一分钟倒出来直接糊在页面上。我怀疑AI做PPT的时候脑子里装的不是设计规范而是Windows 98的剪贴画库。说实话这不是AI的错。它手里没兵器啊你让一个厨师去做满汉全席结果只给他一把塑料水果刀他能做出什么切个苹果都费劲更别说雕花摆盘了。AI做PPT也一样没有趁手的兵器它只能凭感觉瞎搞感觉对了是运气感觉错了是常态。终于有人给AI发了把瑞士军刀直到我挖到这个项目我才明白什么叫降维打击。github.com/lewislulu/html-ppt-skill目前5.4k Star名字直译过来就是HTML演示文稿技能。但这名字太谦虚了它根本不是什么技能它是一套完整的AI设计外挂。想象一下你以前让AI做PPT相当于请了个实习生啥也不会还得你手把手教。现在有了html-ppt-skill相当于直接给AI配了个设计总监还是拿过红点奖的那种。AI突然就会配色了会排版了知道什么叫留白而不是留黑了。**核心定位**这不是一个模板库而是一套AgentSkill。简单说就是给Claude Code、Cursor、OpenClaw这类AI助手装了一个设计大脑。装上之后AI真正理解了什么叫好看的幻灯片。纯静态HTML/CSS/JS没有webpack没有npm build没有依赖地狱。打开就能跑改完就能用。对于被Node_modules折磨过的开发者来说这简直是天堂。安装简单到离谱一行命令搞定安装过程有多简单简单到我都怀疑作者是不是懒得写文档。就一行命令npx skills add https://github.com/lewislulu/html-ppt-skill敲完回车你的AI助手就瞬间掌握了以下能力。注意是瞬间不是学习三天还画歪。这种感觉就像给AI吃了颗聪明药还是加强版的。装完之后你跟AI说做一份8页的技术分享slides用cyberpunk主题。它不会给你一堆紫绿配色的车祸现场而是直接掏出一份赛博朋克风的专业演示文稿霓虹灯效果恰到好处不会闪瞎你的眼。你说把这段outline变成投资人pitch deck。它不会给你整成小学生手抄报而是直接按硅谷路演标准排版数据突出逻辑清晰投资人看了都想打钱——或者至少不会把PPT直接扔进回收站。36套主题每一套都有态度说到主题这才是最让我震惊的地方。很多工具的主题就是调几个颜色红配绿赛狗屁。但html-ppt-skill的36套主题每一套都有明确的设计语言和使用场景不是随便糊的。比如minimal-white极简白适合任何场合就像你衣柜里的白T恤万能百搭cyberpunk-neon赛博霓虹技术分享利器装上它你就是会场最靓的仔xiaohongshu-white小红书白底杂志风做图文内容直接拿捏academic-paper学术论文风格参考文献排版工整得让你导师流泪pitch-deck-vc投资人pitch数据突出到投资人想当场签支票terminal-green终端绿极客最爱黑底绿字黑客帝国既视感。每个主题都是一份纯CSS token文件换一行link就能给整份deck换皮。在theme-showcase.html里可以用iframe隔离的方式预览全部36套每个预览都是真实渲染结果不是截图不是色卡。这意味着你看到的什么样实际就是什么样不存在卖家秀和买家秀的差距。我就这么说吧以前我用某工具做PPT预览里看着像iPhone发布会导出来像山寨机说明书。html-ppt-skill直接消灭了这种照骗行为所见即所得童叟无欺。杀手级功能演讲者模式这个功能是我最喜欢的新功能没有之一。在任何deck里按一下S键就会弹出一个独立的演讲者窗口包含4个可拖拽、可调整大小的磁吸卡片当前页预览、下一页预览、逐字稿、计时器。两个窗口通过BroadcastChannel双向同步翻页完全零延迟。这意味着什么意味着你在台上讲的时候不会出现在副屏上翻了一页主屏还停留在上一页的尴尬。那种演讲者和观众看到的不是同一个世界的社死现场彻底成为历史。更妙的是预览卡片用的是iframe加载同一份HTML文件只是加了?previewN参数。这意味着预览看到的CSS、主题、字体、排版和观众看到的像素级一致。不会出现预览好看投出来崩了的尴尬——这种尴尬我经历过台下坐着老板和客户投影出来的PPT字体全乱了我当场想找个地缝钻进去结果发现地缝也被PPT的排版挤没了。翻页时通过postMessage通知iframe切换.is-active class不重新加载、不白屏、不闪烁。丝滑得像德芙巧克力广告而不是像某些工具那样每翻一页都闪一下闪得观众以为你在玩幻灯片版打地鼠。逐字稿部分也有讲究每页150-300字约2-3分钟的演讲节奏用口语不用书面语关键词加粗过渡句独立成段。这不是让你照着念的讲稿而是提示信号。就像你开车时的导航不是替你开而是告诉你前方五百米右转别撞树。15套完整deck模板开箱即用模板分为两类。第一类是从真实作品提炼的视觉语言共8套小红书白底杂志风、暗底力导向知识图谱、蓝图/架构图风、终端cyberpunk风、紫色渐变卡、红/琥珀警示风、柔和马卡龙图文、方向键极简导航。第二类是通用场景脚手架共7套投资人pitch、产品发布会、技术分享、周报、小红书图文9页3:4、教学模块以及一套专门为演讲者模式设计的完整分享模板——每一页都带150-300字的示例逐字稿。每个模板都是自包含的文件夹用scoped的CSS class多个模板可以同时加载而不会互相污染。这就好比你同时请了两个设计师一个做封面一个做内页他们不会因为审美不同而打起来各自在自己的工位上干活互不干扰。31种单页布局 47个动效布局库覆盖了PPT几乎所有的常见需求封面、目录、章节分隔、项目符号、两栏/三栏、大引用、数据高亮、KPI网格、表格、代码块、终端、流程图、时间线、路线图、思维导图、对比、优劣势、待办清单、甘特图、图片墙、各种图表、架构图、步骤图、CTA、致谢……每个布局都带真实的示例数据拖进deck立即看得到效果。这就好比你去家具城买沙发不是看一张效果图而是直接坐上去感受。舒服不舒服一目了然。动效分成两层CSS动画负责轻量入场淡入、弹入、打字机、霓虹光晕、流光、3D翻转……Canvas FX负责电影级特效粒子爆发、彩带、烟花、星空、代码雨、力导向知识图谱、神经网络脉冲、星座连线……进入slide时由fx-runtime.js自动初始化不需要手动写一行代码。这就好比你请了个特效师他躲在后台你翻到这一页他自动把烟花放了你不用拿着遥控器喊三二一放。零构建纯静态键盘快捷键拉满整个项目就是一套HTML/CSS/JS文件没有webpack没有npm build没有依赖地狱。字体走Google Fonts CDN代码高亮用highlight.js图表用Chart.js都是可选。打开就能跑改完就能用。键盘快捷键也很完整← →翻页、F全屏、S演讲者模式、N底部notes、O总览网格、T切换主题、A循环演示动画、#/N深链到指定页。操作流畅得像打游戏而不是像某些在线工具那样翻个页还要等加载等得你怀疑人生。适合谁用对号入座**AI工具使用者**让Claude Code、Cursor帮你做PPT而不是你自己从头写HTML。你负责提需求AI负责出成品你俩分工明确像一对默契的搭档。**技术演讲者**需要一套干净、可控、可定制的幻灯片方案不想碰Keynote或PowerPoint。Keynote是好但它是苹果的PowerPoint是通用但它是通用的丑。html-ppt-skill给你第三条路。**开发者**想给自己的项目做一套好看的演示文稿但又不想花时间调CSS。你的时间应该用来写代码不是用来调margin和padding的。**内容创作者**做小红书图文、产品宣发页、知识卡片。有了它你的内容颜值直接上一个台阶粉丝看了都想点赞而不是看了封面就划走。写在最后说实话在这个AI工具满天飞的时代能找到一个真正解决痛点、不画大饼、开箱即用的项目真的不容易。html-ppt-skill没有承诺一键生成完美PPT这种虚无缥缈的东西它做的是给AI装上设计能力让AI真正理解什么叫好看的幻灯片。就像我开头说的AI做PPT不好看不是它笨是它手里没兵器。现在兵器有了而且是一套完整的十八般兵器。36套主题是盔甲15套模板是战马31种布局是阵法47个动效是暗器演讲者模式是军师。你唯一需要做的就是给AI下命令。剩下的交给html-ppt-skill。毕竟专业的事交给专业的工具你只管在台上发光发热别让糟糕的PPT拖了你的后腿。最后说句掏心窝子的如果你曾经被AI生成的PPT伤害过被配色暴击过被排版羞辱过那么这个项目就是你的救赎。5.4k Star不是刷出来的是像我这样被拯救过的人一颗一颗点上去的。GitHub地址github.com/lewislulu/html-ppt-skillP.S. 目前国内还是很缺AI人才的希望更多人能真正加入到AI行业共同促进行业进步增强我国的AI竞争力。想要系统学习AI知识的朋友可以看看我精心打磨的教程 http://blog.csdn.net/jiangjunshow教程通俗易懂高中生都能看懂还有各种段子风趣幽默从深度学习基础原理到各领域实战应用都有讲解我22年的AI积累全在里面了。注意教程仅限真正想入门AI的朋友否则看看零散的博文就够了。
AI生成PPT巨丑？这款HTML插件给AI装上专业设计大脑
发布时间：2026/6/6 1:52:33
文章目录前言终于有人给AI发了把瑞士军刀安装简单到离谱一行命令搞定36套主题每一套都有态度杀手级功能演讲者模式15套完整deck模板开箱即用31种单页布局 47个动效零构建纯静态键盘快捷键拉满适合谁用对号入座写在最后P.S. 目前国内还是很缺AI人才的希望更多人能真正加入到AI行业共同促进行业进步增强我国的AI竞争力。想要系统学习AI知识的朋友可以看看我精心打磨的教程 http://blog.csdn.net/jiangjunshow教程通俗易懂高中生都能看懂还有各种段子风趣幽默从深度学习基础原理到各领域实战应用都有讲解我22年的AI积累全在里面了。注意教程仅限真正想入门AI的朋友否则看看零散的博文就够了。前言你有没有经历过这种绝望半夜十一点老板在群里发了一句明天早上给我个PPT你满怀希望地打开某AI工具输入需求然后——出来的东西配色辣眼睛排版像2003年的Word艺术字动画恨不得把所有特效都来一遍。你盯着屏幕感觉自己的审美被按在地上摩擦AI还在旁边无辜地说“主人我尽力了。”尽力了这配色方案是尽力了还是尽命了那字体组合像是把宋体和Impact放在搅拌机里打了一分钟倒出来直接糊在页面上。我怀疑AI做PPT的时候脑子里装的不是设计规范而是Windows 98的剪贴画库。说实话这不是AI的错。它手里没兵器啊你让一个厨师去做满汉全席结果只给他一把塑料水果刀他能做出什么切个苹果都费劲更别说雕花摆盘了。AI做PPT也一样没有趁手的兵器它只能凭感觉瞎搞感觉对了是运气感觉错了是常态。终于有人给AI发了把瑞士军刀直到我挖到这个项目我才明白什么叫降维打击。github.com/lewislulu/html-ppt-skill目前5.4k Star名字直译过来就是HTML演示文稿技能。但这名字太谦虚了它根本不是什么技能它是一套完整的AI设计外挂。想象一下你以前让AI做PPT相当于请了个实习生啥也不会还得你手把手教。现在有了html-ppt-skill相当于直接给AI配了个设计总监还是拿过红点奖的那种。AI突然就会配色了会排版了知道什么叫留白而不是留黑了。**核心定位**这不是一个模板库而是一套AgentSkill。简单说就是给Claude Code、Cursor、OpenClaw这类AI助手装了一个设计大脑。装上之后AI真正理解了什么叫好看的幻灯片。纯静态HTML/CSS/JS没有webpack没有npm build没有依赖地狱。打开就能跑改完就能用。对于被Node_modules折磨过的开发者来说这简直是天堂。安装简单到离谱一行命令搞定安装过程有多简单简单到我都怀疑作者是不是懒得写文档。就一行命令npx skills add https://github.com/lewislulu/html-ppt-skill敲完回车你的AI助手就瞬间掌握了以下能力。注意是瞬间不是学习三天还画歪。这种感觉就像给AI吃了颗聪明药还是加强版的。装完之后你跟AI说做一份8页的技术分享slides用cyberpunk主题。它不会给你一堆紫绿配色的车祸现场而是直接掏出一份赛博朋克风的专业演示文稿霓虹灯效果恰到好处不会闪瞎你的眼。你说把这段outline变成投资人pitch deck。它不会给你整成小学生手抄报而是直接按硅谷路演标准排版数据突出逻辑清晰投资人看了都想打钱——或者至少不会把PPT直接扔进回收站。36套主题每一套都有态度说到主题这才是最让我震惊的地方。很多工具的主题就是调几个颜色红配绿赛狗屁。但html-ppt-skill的36套主题每一套都有明确的设计语言和使用场景不是随便糊的。比如minimal-white极简白适合任何场合就像你衣柜里的白T恤万能百搭cyberpunk-neon赛博霓虹技术分享利器装上它你就是会场最靓的仔xiaohongshu-white小红书白底杂志风做图文内容直接拿捏academic-paper学术论文风格参考文献排版工整得让你导师流泪pitch-deck-vc投资人pitch数据突出到投资人想当场签支票terminal-green终端绿极客最爱黑底绿字黑客帝国既视感。每个主题都是一份纯CSS token文件换一行link就能给整份deck换皮。在theme-showcase.html里可以用iframe隔离的方式预览全部36套每个预览都是真实渲染结果不是截图不是色卡。这意味着你看到的什么样实际就是什么样不存在卖家秀和买家秀的差距。我就这么说吧以前我用某工具做PPT预览里看着像iPhone发布会导出来像山寨机说明书。html-ppt-skill直接消灭了这种照骗行为所见即所得童叟无欺。杀手级功能演讲者模式这个功能是我最喜欢的新功能没有之一。在任何deck里按一下S键就会弹出一个独立的演讲者窗口包含4个可拖拽、可调整大小的磁吸卡片当前页预览、下一页预览、逐字稿、计时器。两个窗口通过BroadcastChannel双向同步翻页完全零延迟。这意味着什么意味着你在台上讲的时候不会出现在副屏上翻了一页主屏还停留在上一页的尴尬。那种演讲者和观众看到的不是同一个世界的社死现场彻底成为历史。更妙的是预览卡片用的是iframe加载同一份HTML文件只是加了?previewN参数。这意味着预览看到的CSS、主题、字体、排版和观众看到的像素级一致。不会出现预览好看投出来崩了的尴尬——这种尴尬我经历过台下坐着老板和客户投影出来的PPT字体全乱了我当场想找个地缝钻进去结果发现地缝也被PPT的排版挤没了。翻页时通过postMessage通知iframe切换.is-active class不重新加载、不白屏、不闪烁。丝滑得像德芙巧克力广告而不是像某些工具那样每翻一页都闪一下闪得观众以为你在玩幻灯片版打地鼠。逐字稿部分也有讲究每页150-300字约2-3分钟的演讲节奏用口语不用书面语关键词加粗过渡句独立成段。这不是让你照着念的讲稿而是提示信号。就像你开车时的导航不是替你开而是告诉你前方五百米右转别撞树。15套完整deck模板开箱即用模板分为两类。第一类是从真实作品提炼的视觉语言共8套小红书白底杂志风、暗底力导向知识图谱、蓝图/架构图风、终端cyberpunk风、紫色渐变卡、红/琥珀警示风、柔和马卡龙图文、方向键极简导航。第二类是通用场景脚手架共7套投资人pitch、产品发布会、技术分享、周报、小红书图文9页3:4、教学模块以及一套专门为演讲者模式设计的完整分享模板——每一页都带150-300字的示例逐字稿。每个模板都是自包含的文件夹用scoped的CSS class多个模板可以同时加载而不会互相污染。这就好比你同时请了两个设计师一个做封面一个做内页他们不会因为审美不同而打起来各自在自己的工位上干活互不干扰。31种单页布局 47个动效布局库覆盖了PPT几乎所有的常见需求封面、目录、章节分隔、项目符号、两栏/三栏、大引用、数据高亮、KPI网格、表格、代码块、终端、流程图、时间线、路线图、思维导图、对比、优劣势、待办清单、甘特图、图片墙、各种图表、架构图、步骤图、CTA、致谢……每个布局都带真实的示例数据拖进deck立即看得到效果。这就好比你去家具城买沙发不是看一张效果图而是直接坐上去感受。舒服不舒服一目了然。动效分成两层CSS动画负责轻量入场淡入、弹入、打字机、霓虹光晕、流光、3D翻转……Canvas FX负责电影级特效粒子爆发、彩带、烟花、星空、代码雨、力导向知识图谱、神经网络脉冲、星座连线……进入slide时由fx-runtime.js自动初始化不需要手动写一行代码。这就好比你请了个特效师他躲在后台你翻到这一页他自动把烟花放了你不用拿着遥控器喊三二一放。零构建纯静态键盘快捷键拉满整个项目就是一套HTML/CSS/JS文件没有webpack没有npm build没有依赖地狱。字体走Google Fonts CDN代码高亮用highlight.js图表用Chart.js都是可选。打开就能跑改完就能用。键盘快捷键也很完整← →翻页、F全屏、S演讲者模式、N底部notes、O总览网格、T切换主题、A循环演示动画、#/N深链到指定页。操作流畅得像打游戏而不是像某些在线工具那样翻个页还要等加载等得你怀疑人生。适合谁用对号入座**AI工具使用者**让Claude Code、Cursor帮你做PPT而不是你自己从头写HTML。你负责提需求AI负责出成品你俩分工明确像一对默契的搭档。**技术演讲者**需要一套干净、可控、可定制的幻灯片方案不想碰Keynote或PowerPoint。Keynote是好但它是苹果的PowerPoint是通用但它是通用的丑。html-ppt-skill给你第三条路。**开发者**想给自己的项目做一套好看的演示文稿但又不想花时间调CSS。你的时间应该用来写代码不是用来调margin和padding的。**内容创作者**做小红书图文、产品宣发页、知识卡片。有了它你的内容颜值直接上一个台阶粉丝看了都想点赞而不是看了封面就划走。写在最后说实话在这个AI工具满天飞的时代能找到一个真正解决痛点、不画大饼、开箱即用的项目真的不容易。html-ppt-skill没有承诺一键生成完美PPT这种虚无缥缈的东西它做的是给AI装上设计能力让AI真正理解什么叫好看的幻灯片。就像我开头说的AI做PPT不好看不是它笨是它手里没兵器。现在兵器有了而且是一套完整的十八般兵器。36套主题是盔甲15套模板是战马31种布局是阵法47个动效是暗器演讲者模式是军师。你唯一需要做的就是给AI下命令。剩下的交给html-ppt-skill。毕竟专业的事交给专业的工具你只管在台上发光发热别让糟糕的PPT拖了你的后腿。最后说句掏心窝子的如果你曾经被AI生成的PPT伤害过被配色暴击过被排版羞辱过那么这个项目就是你的救赎。5.4k Star不是刷出来的是像我这样被拯救过的人一颗一颗点上去的。GitHub地址github.com/lewislulu/html-ppt-skillP.S. 目前国内还是很缺AI人才的希望更多人能真正加入到AI行业共同促进行业进步增强我国的AI竞争力。想要系统学习AI知识的朋友可以看看我精心打磨的教程 http://blog.csdn.net/jiangjunshow教程通俗易懂高中生都能看懂还有各种段子风趣幽默从深度学习基础原理到各领域实战应用都有讲解我22年的AI积累全在里面了。注意教程仅限真正想入门AI的朋友否则看看零散的博文就够了。
