这是一款 HTML 幻灯片管理工具。指定一个文件夹，就会查找其中（含子文件夹）的 HTML 幻灯片，并以缩略图排列。之后只需收集要用的并调整顺序。可导出为含图片的单个 HTML。打开后可用方向键翻页，也可从打印做成 PDF。
选一个文件夹，就会查找其下的 HTML 幻灯片，并以实际显示效果做成缩略图。文章页等不在范围内。排列按文件夹层级，稳定可靠。可用左侧文件夹列表筛选，也可用文件名、标题搜索。
把要用的幻灯片拖到右侧的「输出托盘」。+ 按钮或双击也会加入。从不同文件里挑出的幻灯片排在同一个托盘里，之后再调整顺序。
把收集好的幻灯片导出成一个 HTML 文件。即便来自不同文件，外观也不会乱。图片也嵌在文件里，不必再带着图片文件夹到处走。打开后可用方向键翻页，也能做成 PDF。
点击缩略图可放大打开。用点击或拖选选中要改的部分，用中文写上怎么改，原 HTML 的该部分就会被改写。也可以只提问并得到回答。每次编辑都会留下前后状态，之后可还原（另需 Claude Code CLI）。
从右键打开设计列表，点击后中央幻灯片当场切换。满意后确认，配色只写入该幻灯片，不影响其他。试装时看到的样子，会原样应用。
42 种装饰可放在正文放不下的留白处。颜色跟随该页配色选取，基本不压住文字。可增可减，也可重画。
日常资料文件夹里也能同样使用。跨系列挑选，排序和插入操作也一样。
支持以下 4 种写法。没有幻灯片标识的 HTML（文章转载、PDF 转换页等）从一开始就不在范围内。尺寸按实测量取，同一文件里混有不同大小的幻灯片也能处理。
| 形式 | 结构 | canvas 例 |
|---|---|---|
| Template A | deck-stage + section | 1920×1080 ／ 1080×720 |
| Template B | #deck-viewport + .slide | 1080×720 |
| class-slide | 纵向排列的 div.slide | 960×540 等 |
| page | 有上述标识，但分界无法判别 | 按实测量取 |
不提供已签名应用分发。需要 macOS 与 Node.js 18 以上。仅浏览、收集、导出时到此即可。使用 AI 编辑、设计更换、装饰时，另需 Claude Code CLI。
git clone https://github.com/GridJapan/gjHtmlSlideComposer.git
cd gjHtmlSlideComposer
npm install
npm startAI 编辑、设计更换、装饰改写的是原 HTML，不是副本。建议在由 Git 等管理的位置使用（应用侧也会保留编辑前后的状态）。
因为预览要读取 file:// 下的图片和字体。请勿打开来源不明的 HTML 幻灯片。
仅限 macOS。仅分发源码，用 npm start 启动。