用HTML做PPT太简单了!附3个skills直接抄
- 2026-09-21 12:24:20
用HTML做PPT太简单了!附3个skills直接抄
用HTML做PPT太简单了!附3个skills直接抄
哈喽,大家好!
我是阿星👋
传统 AI 生成的 PPT 模板感重、排版僵,效果不太理想的话,可以试试用 HTML 来做。
轻量、能承载 CSS 样式和动效,最终效果接近网页,自由度比 PPT 高很多。
配合 3 个 skills,不用写代码,交给 AI agent 就能跑。
一、frontend-slides
GitHub 上 2.9k star,内置 40+ 套风格模板。
最大特点是"先生成三版预览让你挑",不用自己描述审美,点哪个做哪个。
极简、杂志风、复古终端等风格都有,收录了 1000+ 视觉规范,成品不容易翻车。
输出是零依赖的单文件 HTML,双击就能打开,支持导出 PDF。
二、marp-slides
适合数据量大的汇报场景。
内置 SVG 图表组件——折线图、雷达图、仪表盘、进度条,AI 根据数据类型自动匹配。
明暗双主题,支持导出 PDF / PPTX / HTML 三格式,做周报、数据分析报告比较顺手。
三、slide-deck-generator
基于 React + Vite 的交互式幻灯片,负责加动效。
Framer Motion 动画、Recharts 图表、翻页过渡、分步内容浮现,11 套成熟风格模板。
导出可本地运行的 HTML,适合需要演示感和交互感的技术路演、深度调研汇报。
用法:把 skill 名字或 GitHub 链接发给你的 AI agent,让它自动配置安装,然后丢资料或主题就能生成。
注意几个实际限制:
• 输出是 HTML,没法直接转成可编辑的 pptx
• 后期修改比较麻烦,不如传统 PPT 方便
• 插图和流程图生成效果一般
适合内容定稿、追求视觉效果的场景,需要频繁改稿的情况还是老老实实开 PPT。
更多AI编程skills我们10.11约起👇
收录于开源
北京,1小时前,
本文来自网友投稿或网络内容,如有侵犯您的权益请联系我们删除,联系邮箱:wyl860211@qq.com 。