让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
今天的分享就到这里。如果觉得有用,欢迎转发给身边做技术的朋友!
我们下期见 👋
夜雨聆风