A prompt skeleton for producing presentation slides as HTML
The case laid out is that making slides as a single HTML document instead of a PPT keeps fonts from breaking, keeps the file light and even lets you include elements that react only when the mouse hovers over them. Success depends on the prompt skeleton, and the key advice is to fix four criteria first — font, four colors, a 16:9 ratio and reference images — and always include the line 'make the whole thing scale up and down while keeping its proportions, even when the screen size changes'. Order matters too: rather than building everything from the start, finishing just two body slides, polishing them thoroughly and then extending the rest from those two cuts down on rework. From there it goes on to handing over the script as is and adding animations so that elements appear one at a time with each key press. However, the fact that fine adjustments such as margin width or line spacing all have to be explained in words, and that the output often breaks words in the middle at line breaks, remain limitations.
Key points
- Fix the four design criteria in the prompt first to get consistent results
- The one line 'scale up and down while keeping proportions' stops layouts from breaking across viewports
- Settling two body slides first and then extending to the whole deck cuts the cost of rework
- Fine layout tweaks must all be made in natural language, which costs more than direct manipulation
This is a note: my own write-up after reading several sources. It has no source link; events checked against a source are kept as records.