前端幻灯片 创建零依赖、动画丰富的 HTML 演示文稿，完全在浏览器中运行。 受 zarazhangrui（鸣谢：@zarazhangrui）作品中展示的视觉探索方法的启发。 何时启用 创建演讲文稿、推介文稿、研讨会文稿或内部演示文稿时 将 或 幻灯片转换为 HTML 演示文稿时 改进现有 HTML 演示文稿的布局、动效或排版时 与尚不清楚其设计偏好的用户一起探索演示文稿风格时 不可妥协的原则 1. 零依赖 ：默认使用一个包含内联 CSS 和 JS 的自包含 HTML 文件。 2. 必须适配视口 ：每张幻灯片必须适配一个视口，内部不允许滚动。 3. 展示，而非描述 ：使用视觉预览，而非抽象的风格问卷。 4. 独特设计 ：避免通用的紫色渐变、白色背景加 Inter 字体、模板化的文稿外观。 5. 生产质量 ：保持代码注释清晰、可访问、响应式且性能良好。 在生成之前，请阅读 以了解视口安全的 CSS 基础、密度限制、预设目录和 CSS 陷阱。 工作流程 1. 检测模式 选择一条路径： 新演示文稿 ：用户有主题、笔记或完整草稿 PPT 转换 ：用户有 或 增强 ：用户已有 HTML 幻灯片并希望改进 2. 发现内容 只询问最低限度的必要信息： 目的：推介、教学、会议演讲、内部更新 长度：短 (5-10张)、中 (10-20张)、长 (20+张) 内容状态：已完成文案、粗略笔记、仅主题…