An HTML slide management tool. Point it at one folder and it finds HTML slides inside (including subfolders), laid out as thumbnails. Collect what you need and reorder them. Export as one HTML file with images included. Open it to flip with the arrow keys, or print to PDF.
Choose one folder and it finds HTML slides under it, then builds thumbnails from how they actually display. Article pages and the like are left out. Order follows the folder hierarchy and stays stable. Filter with the folder list on the left; search by file name or heading too.
Drag the slides you want into the Output Tray on the right. The + button or a double-click also puts them in. Slides picked from separate files line up in one tray, and you can reorder them later.
Export the collected slides as a single HTML file. The look stays intact even when sources were separate files. Images go inside the file, so you don't need to carry an image folder along. Open it, flip pages with the arrow keys, and make a PDF too.
Click a thumbnail to open it larger. Select the part you want to fix by click or drag, then write the change in plain language—and that part is rewritten in the original HTML. You can also ask a question and get an answer. Each edit keeps prior states so you can go back later (Claude Code CLI required separately).
Open the design list from a right-click; click one and the center slide switches on the spot. When you like one, confirm and the color scheme applies to that slide only—other slides are unaffected. The look you see while trying it on is applied as-is.
Place any of 42 decorations in empty margins where body text doesn't sit. Colors follow that slide's palette, and they generally stay clear of the text. You can add, remove, or redraw them.
The same workflow works in your usual materials folders. Pick across different series; reorder and insert the same way.
These four structures are supported. HTML without slide cues (reposted articles, PDF conversion pages, and the like) is out of scope from the start. Size is measured at true dimensions, so mixed slide sizes in one file still work.
| Format | Structure | canvas example |
|---|---|---|
| Template A | deck-stage + section | 1920×1080 ／ 1080×720 |
| Template B | #deck-viewport + .slide | 1080×720 |
| class-slide | div.slide stacked vertically | 960×540, etc. |
| page | Has the cues above, but boundaries can't be told apart | Measured at true size |
There is no signed app distribution. macOS and Node.js 18 or later are required. Browse, collect, and export work with that alone. Only AI edit, design changes, and decoration need Claude Code CLI separately.
git clone https://github.com/GridJapan/gjHtmlSlideComposer.git
cd gjHtmlSlideComposer
npm install
npm startAI edit, design changes, and decoration rewrite the original HTML—not a copy. Prefer folders under Git or similar (the app also keeps before-and-after states).
So the preview can load images and fonts over file://. Don't open HTML slides from unknown sources.
macOS only. Distribution is source only; launch with npm start.