乐于分享
好东西不私藏

让AI一句话生成专业级PPT演示文稿,演讲者模式 —— 像素级 完美预览 + 逐字稿提词器 + 计时器.这个太香了!

让AI一句话生成专业级PPT演示文稿,演讲者模式 —— 像素级 完美预览 + 逐字稿提词器 + 计时器.这个太香了!

文 | 初一 | AI工具爱好者


嗨,大家好,我是初一。

今天想跟大家分享一个最近让我忍不住想写一篇文章的开源项目——HTML PPT Studio

事情的起因很简单:我想让AI帮我做一份技术分享的slides。搜了一圈,要么要依赖PowerPoint,要么操作复杂门槛高。直到我发现了这个项目——一行命令安装,对AI说出你的需求,专业的HTML演示文稿就出来了。


📌 一句话概括

一个AgentSkill工具,通过自然语言指令让AI生成专业级HTML演示文稿。纯静态文件无需构建步骤,一行命令安装,任何支持AgentSkills的AI助手都能用。

💡 解决什么问题

把”做一份好看的演示文稿”从需要设计软件+设计技能,降低到只需要会说话

👥 适用人群

技术演讲者 · 产品经理 · 内容创作者 · AI爱好者

📊 核心数据一览

 🔮 36 种设计主题 | 📑 31 种页面布局 ✨ 47 种动画效果(27 CSS + 20 Canvas FX) 🎯 15 套完整PPT模板 


🚀 安装与使用(3步上手)

第一步 · 安装

npx skills add https://github.com/lewislulu/html-ppt-skill

第二步 · 对AI下指令

 → “做一份8页技术分享slides,用赛博朋克主题” → “turn this outline into a pitch deck” → “做一个小红书图文,9张,白底柔和风” 

第三步 · 打开生成的HTML文件

AI会在当前目录生成一份完整的HTML文件,用浏览器直接打开即可演示。

🎹 快捷操作

← → / Space / PgUp / PgDn  →  导航切换 F                      →  全屏演示 S                      →  Presenter窗口(逐字稿+计时器) T                      →  切换主题(实时换肤) O                      →  幻灯片总览

🎨 36种设计主题

从极简白、杂志风到赛博朋克、复古TV,每套主题都是纯CSS-tokens文件,换一行link即可全局变风格。

 minimal-white · editorial-serif · soft-pastel cyberpunk-neon · retro-tv · vaporwave xiaohongshu-white(小红书白底柔和风) 

📑 31种页面布局

cover · toc · bullets · two-column · three-column · big-quote · stat-highlight · kpi-grid · table · code · terminal · flow-diagram · timeline · roadmap · mindmap · gantt · image-hero · chart-bar · chart-line · arch-diagram · cta · thanks …… 基本上涵盖了你做PPT需要的所有版式。

✨ 47种动画效果

CSS动画(27种):directional fades · rise-in · zoom-pop · blur-in · glitch-in · typewriter · neon-glow · shimmer-sweep · gradient-flow · stagger-list · counter-up

Canvas FX(20种cinematic特效):particle-burst · confetti-cannon · firework · starfield · matrix-rain · knowledge-graph(力导向知识图谱) · neural-net · galaxy-swirl · word-cascade

🎤 真Presenter模式

S键弹出独立窗口,磁贴式显示:当前页 · 下一页预览 · 逐字稿(150-300字/页) · 计时器。通过BroadcastChannel与主窗口实时同步,演讲体验非常流畅。


🎯 适合的应用场景

 🏛️ 技术布道师 → 技术分享演讲稿 💰 创业者 → VC路演PPT 📱 内容创作者 → 小红书图文、9宫格 📚 教学课件 → 用course-module模板快速搭建 


💬 我的真实感受

html-ppt-skill把”做一份好看的演示文稿”做到了极致。它的核心价值不是炫技,而是真正降低了门槛——你不需要会设计,不需要装软件,只需要对AI说一句话。

我最喜欢的是它的Presenter模式,逐字稿+计时器的设计非常实用,做技术分享时再也不用担心忘词了。

适合谁用?需要做演示但不想在设计软件里折腾的技术人、内容创作者。

值得关注的理由:纯静态文件,离线可用,复制粘贴就能分享。所见即所得的预览体验,比任何mockup工具都真实。


——— 相关信息 ———

 🔗 GitHub:github.com/lewislulu/html-ppt-skill 📄 开源协议:MIT ⚡ 安装命令:npx skills add https://github.com/lewislulu/html-ppt-skill 


今天的分享就到这里。如果觉得有用,欢迎转发给身边做技术的朋友!

我们下期见 👋