互动网页演示制作器

互动网页演示制作器

这个 Skill 能做什么

把演讲内容制作成可横向翻页的单页网页演示，兼顾章节节奏、数据展示、图片编排与动态背景。

完成任务时重点处理：

• 演讲叙事与页序
• 横向翻页、键盘操作和进度反馈
• 主题视觉与不同屏幕适配

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

什么时候使用

• 需要制作分享会、发布会、课程或提案使用的浏览器演示。
• 用户需要把演讲内容制作成可横向翻页的单页网页演示，兼顾章节节奏、数据展示、图片编排与动态背景。
• 任务需要同时控制演讲叙事与页序、横向翻页、键盘操作和进度反馈。

如果内容尚未定稿时，先交付页面大纲和三页视觉样片，先处理前置条件，不要直接假装任务已经完成。

开始前需要什么

优先收集：

1. 目标、输入文件与预期输出 2. 运行环境、依赖、版本和目录约束 3. 已有代码、接口、样例和错误信息 4. 安全、性能、兼容性和测试要求 5. 演讲时长、页数和讲述场景 6. 是否离线使用以及浏览器兼容范围

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

执行步骤

1. 确定讲述主线

先写一句核心结论，再把内容拆成开场、问题、证据、转折、方案和收束。

2. 规划页面节奏

交替安排章节页、数据页、图文页和留白页，避免所有页面使用同一密度。

3. 建立视觉主题

确定字体、网格、颜色、图像处理和动态背景规则，保证内容优先于装饰。

4. 实现翻页框架

完成横向切换、键盘与触摸操作、页码、进度和可恢复的当前页状态。

5. 制作重点页面

为大数字、图片网格、引用和章节转场分别建立清楚的版式。

6. 离线与投屏验收

在目标分辨率、离线环境和全屏模式中逐页检查性能与可读性。

输出格式

至少交付以下内容：

• **单页演示文件**：无需服务器即可打开的 HTML 与本地资源
• **演讲结构稿**：页序、每页目的和讲述提示
• **验收记录**：浏览器、投屏、键盘和离线测试结果

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

完整示例

用户提供一份 20 分钟产品分享稿，希望制作 14 页可离线播放的横向网页演示；先压缩成三幕结构，再为核心数据、产品截图和结论分别设计页面。

合理处理顺序：

1. 确定讲述主线 2. 规划页面节奏 3. 建立视觉主题 4. 实现翻页框架 5. 制作重点页面 6. 离线与投屏验收

交付时应重点展示单页演示文件、演讲结构稿、验收记录，并说明尚未验证的部分。

质量检查清单

• [ ] 命令、脚本和依赖在目标环境可运行
• [ ] 输入、输出、错误和边界情况均被处理
• [ ] 关键步骤可重复执行且不会意外覆盖原件
• [ ] 完成最小测试并记录验证命令与结果
• [ ] 翻页操作不会与页面内部滚动冲突
• [ ] 所有外部资源已转为可靠的本地依赖

信息不足时怎么处理

• 缺少依赖或权限时先给出可验证的替代路径。
• 环境未知时避免绑定单一工具，明确适配点。
• 内容尚未定稿时，先交付页面大纲和三页视觉样片。