10+年产品经理聊聊产品、测测产品,产品人交流学习成长平台,按 Ctrl+D 收藏我们
关于我 留言板 小程序 标签云

苏米客

  • 首页
  • AIGC
    • AI最新动态
    • AI学习教程
    • AI工具集合
    • AI产品百科
    • AI编程开发
    • AI提示词
    • AI开源项目
    • AI智能体
  • Axure
    • Axure动态
    • Axure教程
  • 产品
    • 用户体验
    • 产品设计
    • 苏米杂谈
  • 资源
    • 产品UI组件库
    • 开源图标库
    • 中后台框架
  • 书单
    • AI书籍
    • 用户体验
    • UI视觉
    • 产品研究
    • 其他类型
  • 下载
    • Axure组件
    • Axure原型
    • 文档报告
    • 素材资源
  • 登录
  • 首页
  • AIGC
    • AI最新动态
    • AI学习教程
    • AI工具集合
    • AI产品百科
    • AI编程开发
    • AI提示词
    • AI开源项目
    • AI智能体
  • Axure
    • Axure动态
    • Axure教程
  • 产品
    • 用户体验
    • 产品设计
    • 苏米杂谈
  • 资源
    • 产品UI组件库
    • 开源图标库
    • 中后台框架
  • 书单
    • AI书籍
    • 用户体验
    • UI视觉
    • 产品研究
    • 其他类型
  • 下载
    • Axure组件
    • Axure原型
    • 文档报告
    • 素材资源
当前位置: 首页 » AI开源项目

html-ppt-skill:20天3600星的神级PPT生成工具

3周前 AI开源项目 400 0

html-ppt-skill是一个基于AgentSkill协议的PPT生成工具,上线20天获得3600+Star。它采用HTML方式生成演示文稿,而非传统的PPTX格式。

项目概述

html-ppt-skill不叫tool或generator,而是命名为skill,遵循agentskills.io开放标准,可在Claude Code、OpenClaw、Hermes Agent、Cursor、Codex等多个平台使用。

演示

为什么选择HTML而非PPTX?

传统的AI生成PPTX方案存在排版错位、字体丢失、图表变形等问题。html-ppt-skill采用HTML方案:

  • HTML是纯文本,LLM天然擅长生成
  • HTML+CSS+JS是浏览器原生支持的格式,双击即开,零依赖
  • HTML可以做到极其精致,效果媲美手动精调

核心功能

36套主题

从适合学术汇报的极简风(minimal-white、editorial-serif),到适合技术分享的赛博风(cyberpunk-neon、terminal-green),再到小红书柔和风(xiaohongshu-white),覆盖多种场景。

按T键可以实时切换主题,36套挨个试,找顺眼的为止。

31种布局

从封面、目录、章节分隔,到代码展示、时间线、架构图、流程图,每种都带真实示例数据。

15套模板

从真实项目中提炼的完整deck:

  • tech-sharing:GitHub暗底风格,适合技术分享
  • pitch-deck:YC风格的融资路演模板
  • xhs-post:3:4竖版的小红书图文
  • presenter-mode-reveal:每页带150-300字逐字稿,配合演讲者模式

47个动效

27个CSS动画适合常规入场,20个Canvas FX(粒子爆发、星空飞行、神经网络脉冲)适合封面或关键页。

演讲者模式

按S键弹出独立窗口,包含四个可拖拽可缩放的磁吸卡片:当前页预览、下一页预览、逐字稿、计时器。

每个预览卡片本质上是iframe,加载同一份HTML文件,只是URL多了?preview=N参数。预览和观众看到的完全相同,像素级精确。

翻页时,演讲者窗口通过BroadcastChannel和主窗口同步,用postMessage通知iframe切换,整个过程不重新加载、不白屏、不闪烁。

跨平台兼容

安装命令只有一行:

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

装完之后可在多个平台使用:

  • Claude Code:原生支持AgentSkill协议
  • OpenClaw:作为claw命令调用
  • Hermes Agent:自动注册为/skill斜杠命令
  • Cursor、Codex:一行命令安装即用

这是一个遵循agentskills.io开放标准的标准化技能包,装一次,多平台可用。

AI工程新范式

html-ppt-skill的SKILL.md中有一条约束规则:"不要发明新布局,优先组合现有的"。

LLM最擅长在约束条件下做组合,最不擅长从零创造。给它一个清晰的组件库,告诉它"从这31种布局里挑",就能做得又快又稳。

这是一种新的AI工程范式:不是"让AI从零生成一切",而是"人提供约束良好的预制件,AI在组合层面发挥"。

局限性

  • 没有可视化编辑器:生成完不满意,需重新让Agent改或手撸HTML
  • 不能导出PPTX:可截图导成PNG,但甲方要.pptx文件的话方案受限
  • 修改内容需改HTML源码:不懂前端的用户门槛较高
  • 演讲者模式依赖弹窗:浏览器拦截弹窗时按S没反应
  • Canvas FX没有性能分级:粒子爆发等效果在手机上可能卡顿

使用方式

安装后在Agent中说:

"帮我做一份微服务架构的技术分享PPT,10页,暗色主题,要架构图和代码示例。"

不想装skill也行,直接git clone仓库,跑一下./scripts/new-deck.sh my-talk,浏览器打开生成的HTML即可。

总结

html-ppt-skill的3600+Star,不只是因为它是一个PPT工具,更因为它代表了2026年AI生态变革的方向:同一套技能,可在多个平台使用,没有壁垒,不用迁移,不分阵营。

AI能力的原子单元,正在从"工具"演变成"技能"。

GitHub:https://github.com/lewislulu/html-ppt-skill

声明:本站原创文章文字版权归本站所有,转载务必注明作者和出处;本站转载文章仅仅代表原作者观点,不代表本站立场,图文版权归原作者所有。如有侵权,请联系我们删除。
未经允许不得转载:html-ppt-skill:20天3600星的神级PPT生成工具
#html-ppt-skill #AI PPT #AgentSkill #开源工具 #演示文稿 
收藏 1
Harnessclaw本地AI工作台搭建指南
从零构建本地AI Agent:可记忆、可扩展、可追踪
推荐阅读
  • Hermes Agent 深度解析:开源智能体的自我进化架构与 OpenClaw 对比
  • Symphony:OpenAI 开源 Symphony AI 编程自主管理神器!
  • claude-tap:AI Agent 的流量监控与 Token 分析利器
  • 谷歌大神开源 Agent Skills:1.9 万 Star,20 个核心技能提升 AI 编程交付质量
  • Sim :零门槛 AI 工作流神器,60+ 服务随意拼装
评论 (0)
请登录后发表评论
分类精选
OpenSpec:比 Cursor Plan 更聪明?试试这款让 AI 编码更靠谱的规范驱动工具
9491 7月前
WeKnora:终于等到了腾讯ima的开源知识库框架,用 API 轻松打造本地智能文档检索
9314 9月前
Antigravity-Manager:这个开源神器让你白嫖ClaudeOpus 4.5,Gemini 3!还能接Claude Code等任意平台
7309 5月前
awesome-openclaw-skills:700+ Skills 一条命令装配完成,如何让本地 AI Agent 真正落地可用
6496 4月前
AIRI:你的开源AI女友,让你随时拥有属于自己的 AI VTuber
6378 9月前
CompressO:开源免费的视频压缩神器,让你的硬盘瞬间轻松 10 倍
6267 8月前
就要创作:从提示词到创作团队,开源 AI 网文写作平台
6152 8月前
CapCut API:一个剪映API开源项目,让AI自动剪辑视频
6122 5月前
iFlow CLI:让命令行终端不止于编程的AI效率开源神器
5685 9月前
Composio:让AI Agent自动完成工作任务,能让AI一键操控你的所有软件
5606 7月前

文章目录

关注「苏米客」公众号

订阅推送更及时,手机查看更方便
分类排行
1 CopilotKit 开源:33.6K Star 的 Agentic App 基础设施,AG-UI 协议全解析
2 DeepSeek-GUI 开源:1300+ Star 的非官方桌面端,让 Agent 交互更直观
3 Ant Design Pro :2026 年企业级 React 应用的标准方案
4 HTML版剪映来了:OpenDesign团队开源HTML-Video
5 Codex++ 开源:让 OpenAI Codex 接入国产大模型,告别 ChatGPT 订阅
6 37 个精选 AI 开源项目清单:Agent、编程、设计全覆盖
7 BrowserAct 开源项目:解决 Agent 浏览器自动化难题,支持 Cookie 复用与人机接力
8 SoulX-Transcriber 开源多人对话转录模型:端到端架构,性能登顶公开基准测试
9 Cua 开源项目:让 AI Agent 安全控制桌面的三层架构(1.7万 Star)
10 OmniVoice Studio:免费开源AI语音生成工具,3秒克隆音色+视频自动配音
©2015-2024 苏米客XMSUMI 版权所有 · WWW.XMSUMI.COM 闽ICP备14005900号-6
微信文章助手 程序库 免费影视APP 免费字体下载 Axure RP 10 免费Axure模板 Axure元件库下载 申请友联