互动幻灯片制作助手

制作可前后导航、键盘操作和按页阅读的互动幻灯片，而不是只能线性播放的视频。适合需要浏览器中的演示、教程、作品集或可自主翻页的故事。

技能说明

互动幻灯片制作助手

这个 Skill 能做什么

制作可前后导航、键盘操作和按页阅读的互动幻灯片，而不是只能线性播放的视频。

完成任务时重点处理：

• 页面内容与导航模型
• 视觉页面和浏览器交互外壳
• URL 状态、键盘、触摸和不同尺寸

最终目标不是堆出一份看似完整的内容，而是交付能够直接使用、继续修改并清楚验收的结果。

什么时候使用

• 需要浏览器中的演示、教程、作品集或可自主翻页的故事。
• 用户需要制作可前后导航、键盘操作和按页阅读的互动幻灯片，而不是只能线性播放的视频。
• 任务需要同时控制页面内容与导航模型、视觉页面和浏览器交互外壳。

如果只需要线性播放时使用普通视频或演示文件，不增加互动外壳，先处理前置条件，不要直接假装任务已经完成。

开始前需要什么

优先收集：

1. 目标、输入文件与预期输出 2. 运行环境、依赖、版本和目录约束 3. 已有代码、接口、样例和错误信息 4. 安全、性能、兼容性和测试要求 5. 页面数量、顺序、是否允许跳转和自由浏览 6. 是否需要演讲模式、进度、目录或分享指定页面

信息不必一次问完。先检查用户已经提供的材料，只追问会明显改变结果的问题。

执行步骤

1. 确认互动意图

明确是演讲控制、读者自助浏览还是两者兼有。

2. 规划页面序列

为每页定义任务、内容、过渡和可跳转关系。

3. 制作页面画面

建立统一主题，同时保留章节与重点变化。

4. 实现导航外壳

加入前后、键盘、触摸、页码、进度和直接链接。

5. 处理状态

刷新后恢复页面，避免浏览器后退和内部导航冲突。

6. 跨设备验收

检查触摸目标、全屏、投屏、横竖屏和辅助技术。

输出格式

至少交付以下内容：

• **页面内容**：按顺序组织的幻灯片画面与说明
• **互动演示**：可导航的网页成品
• **使用说明**：键盘、触摸、链接、全屏和部署方法

所有文件使用能说明内容和版本的名称。若任务包含执行动作，还要记录执行状态、验证结果和可继续处理的材料。

完整示例

用户要制作一个可自主阅读的课程；每个章节可从目录进入，页内保留进度并允许分享当前页链接。

合理处理顺序：

1. 确认互动意图 2. 规划页面序列 3. 制作页面画面 4. 实现导航外壳 5. 处理状态 6. 跨设备验收

交付时应重点展示页面内容、互动演示、使用说明，并说明尚未验证的部分。

质量检查清单

• [ ] 命令、脚本和依赖在目标环境可运行
• [ ] 输入、输出、错误和边界情况均被处理
• [ ] 关键步骤可重复执行且不会意外覆盖原件
• [ ] 完成最小测试并记录验证命令与结果
• [ ] 浏览器前进后退与幻灯片导航行为一致
• [ ] 没有鼠标时仍能完成全部浏览任务

信息不足时怎么处理

• 缺少依赖或权限时先给出可验证的替代路径。
• 环境未知时避免绑定单一工具，明确适配点。
• 只需要线性播放时使用普通视频或演示文件，不增加互动外壳。