Frontend Slides

这张图来自技升用编造的需求跑的一次,不是项目作者提供的。

开源

Frontend Slides

单文件 HTML 幻灯片:先比较风格预览,也能把现有 PowerPoint 转成网页。

安装

在 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。

怎么用

  1. 添加插件。
  2. 运行它并说明你的演讲内容,或者给它一个 .pptx。
  3. 从三个风格预览里选一个,然后拿到完整幻灯片。

需要什么

做幻灯片本身不需要别的。只有可选的 PDF 导出或发布才要 Node.js。

一句话总结

要做网页幻灯片、但还没想好风格时,选它。

值得留意

这个项目没有附带预览图,所以这里不显示。它的可选大胆模板来自另一个模板库,我们没有核对那个库的许可证,所以技升没有复制其中任何内容。

用在这些流程里