开源
Frontend Slides
单文件 HTML 幻灯片:先比较风格预览,也能把现有 PowerPoint 转成网页。
Frontend Slides · Zara Zhang · MIT
安装
在 Claude Code 里
/plugin marketplace add https://github.com/zarazhangrui/frontend-slides /plugin install frontend-slides@frontend-slides
命令逐字摘自项目的说明文件,运行前请先读一遍。
我们跑过一次
需求: 一场 6 页的演讲,题为“Why our town library stays open late”,面向虚构小镇 Saltmere 的虚构议会会议。
生成了单文件 6 页 HTML 幻灯片,固定 1920x1080 舞台,带键盘/触摸翻页和编辑模式,风格是暖纸色、深蓝、日光黄的编辑式排版。页面:封面、大数字、编号列表、条形图、引语、结尾请求。
我们的看法: 基本兑现了说明:从一段需求就能得到有设计感、带动效的单文件幻灯片,而且套用模板后风格有辨识度,不是千篇一律。弱点:外观依赖远程字体;没有文字溢出检查(我遇到两处溢出);对只想要六页的普通人来说,多轮提问和预览流程偏重。
打开完整成品2026-11-02 由 AI Agent 跑了一次,版本 9906a34。没有真人评判,你跑出来的结果也会不同。
为什么选它
它让你比较风格预览、指一个就行,适合说不清自己想要什么样子的人。
为什么有它
多数人说不清自己想要的样子。它先给你看几个方向,你指一个就行。
你会得到什么
一个内联 CSS 和 JavaScript 的 HTML 文件,固定 16:9。
怎么用
- 添加插件。
- 运行它并说明你的演讲内容,或者给它一个 .pptx。
- 从三个风格预览里选一个,然后拿到完整幻灯片。
需要什么
做幻灯片本身不需要别的。只有可选的 PDF 导出或发布才要 Node.js。
一句话总结
要做网页幻灯片、但还没想好风格时,选它。
值得留意
这个项目没有附带预览图,所以这里不显示。它的可选大胆模板来自另一个模板库,我们没有核对那个库的许可证,所以技升没有复制其中任何内容。
