hi~我是晓来!
这个 HTML 风格的 PPT 真的是惊艳到我了…… 用过瞬间就停不下来了。
PPT,大家再熟悉不过了。
不管是日常学习演示、还是工作汇报等,基本离不开 PPT。
但是要做好一份让人眼前一亮的 PPT 还真不容易。
今天过来分享一个 HTML 演示风格的 PPT Skill,很赞。
html-ppt-skill,一个包含 36 套主题、15 套完整 deck 模板,还有 31 种页面布局和 47 个动效,纯静态 HTML、CSS、JS 实现。
开源仓库:https://github.com/lewislulu/html-ppt-skill
36 个主题,覆盖各种风格和场景
商务正式系:corporate-clean、pitch-deck-vc、academic-paper
潮流设计系:cyberpunk-neon、neo-brutalism、vaporwave、y2k-chrome
代码极客系:terminal-green、tokyo-night、dracula、gruvbox-dark
小清新系:soft-pastel、xiaohongshu-white、japanese-minimal
新闻媒体系:news-broadcast、magazine-bold、editorial-serif
15 套完整模板,拿来就能改
融资路演(pitch-deck)、产品发布(product-launch)、技术分享(tech-sharing)、周报汇报(weekly-report)、小红书图文(xhs-post,9 张,3:4 比例)、课程模块(course-module)。
还有 8 套从真实演示文稿中提炼出来的风格模板,比如小红书白底杂志风、终端 cyberpunk 风、蓝图架构风。
每一套都是完整的多页幻灯片,改改文案内容直接用。
演讲者模式,比 Keynote 那个更好用
这个功能是真的惊喜。
这个 Skill 本身遵循 Agent Skills 规范,所以可以在任何一个支持标准 Skills 的 Agent 里面使用,比如 Claude Code、Codex、OpenClaw、Hermes、OpenCode 等等,都行。
安装
如果你的网络访问一切 OK,一行命令安装就好。
npx skills add https://github.com/lewislulu/html-ppt-skill
然后,根据提示选择你使用的 Agent 工具。
接着,会问你安装范围是项目还是全局。
当前项目只对在本目录里工作的 Agent 有效果,全局可以在任何目录下,对每个可用的 Agent生效。
之后,让你再确定一下就开始安装了。
和其他 Skills 一样,会安装到 .xxx/skills 目录下。
使用
打开任何一个 Agent 工具,如 OpenCode,显式调用一下这个 Skill,输入 PPT 的生成需求。
过一小会,就完整的生成好了。
一份很丝滑的赛博朋克主题 HTML 风格的 PPT就生成好了。
按一下键盘 S 键,进入演讲者视图:
然后,使用左右→切换页面,T 键切换主题,F 键全屏,O 键总览……,太丝滑啦。
瞬间,觉得做 PPT 简直就是一种享受。
更多主题切换和模板选择,以及动效的使用,可以查看 README.md 文件说明。
真的,用完之后,我觉得这就是全网最好用的 HTML 风格 PPT Skill。
好了,就先分享到这里。
以上,如果本期内容你觉得不错,可以随手点个赞、在看,也欢迎转发给有需要的朋友,创作不易,感谢喜欢~我是晓来,再会。