HTML 幻灯片生成器

面向什么问题

写汇报、教学或技术分享时，传统 PPT 常受编辑软件限制，而纯静态 HTML 页面又容易变成“能看但不能演示”的文档。该技能要把内容生成单文件、零依赖、可在浏览器直接放映的 HTML 幻灯片，并支持从零新建、.pptx 转换和已有页面增强三条路径。它强调视觉结果可预览、样式可定制，同时把“每一页必须适配视口”作为硬约束。

核心工作流与注意点

• 内容发现：先确认用途、页数、素材、是否允许浏览器内编辑，避免一次性生成后反复改文案。
• 样式预览：按“印象/自信”“兴奋/高能”等气质生成 3 个单页预览，而不是只给抽象主题选项。
• 生成约束：要求 .slide 使用 100vh、overflow: hidden，字号与间距用 clamp() 响应，图片设置视口相对高度，避免页内滚动。
• 内容密度：标题页、正文页、代码页、图片页都有上限；超限就拆页，而不是压缩可读性。
• 适用边界：更适合技术分享、产品说明、课程讲义等需要浏览器放映的场景；若需要固定 1920x1080 舞台或特定 house preset，应显式指定，避免默认视口适配逻辑覆盖既有样式。