HyperFrames Slideshow

把获准的提纲或现有 HTML 合成转换成浏览器现场演示。交付前检查观众视图、内容出现顺序和演讲者备注。

准备可排练的现场幻灯片

把提纲拆成幻灯片、逐步展示项和演讲者备注,复核本地观众与演讲者视图。

给出提纲、获准素材、揭示顺序及分支。

复制请求,在 Floatboat 新对话中粘贴,并提供所需资料。

下载 Floatboat

带入 Floatboat 的请求

请求可预览和复制,不会从此处自动发送。

参考来源: HyperFrames Slideshow
https://github.com/heygen-com/hyperframes/blob/main/skills/slideshow/SKILL.md

先阅读原始说明并核对当前环境与依赖。需要安装或连接新工具时,先提出方案。

我的任务:
用获准的提纲建立 HyperFrames 工作坊幻灯片。加入逐步揭示、回到主线的分支和演讲者备注。经我确认后在本地启动并报告导航检查结果。

期望交付:
可在本地打开的 HTML 演示和一份排练清单。

关于 HyperFrames Slideshow

这个 Skill 为 HyperFrames HTML 合成增加现场演示结构。静态 JSON 数据指定幻灯片与跳转,HyperFrames CLI 可以提供浏览器访问入口。它用于现场播放;视频指南覆盖渲染交付。

HyperFrames Slideshow 的现场演示场景

发布演讲、产品演示和工作坊各有不同的内容出现顺序。先确定观众会经过哪些页面,再用实际演示入口逐段排练。

准备产品演示

提供功能提纲和获准截图,按操作顺序逐步展示。排练时检查演讲者能否返回上一个步骤,以便回应观众提问。

将现有 HTML 转成演示

选出已有合成里应成为幻灯片的场景。检查每张幻灯片是否从指定时刻开始,并确认正文与图像没有被截断。

为工作坊设置分支

标出不同观众答案需要进入的分支。排练相应热点跳转,逐条核对目标页与返回主流程的入口。

检查观众和演讲者视图

录入仅供演讲者查看的提示,并同时打开两个视图。确认观众窗口只显示预定内容,备注留在演讲者一侧。

如何构建并排练浏览器幻灯片

从演讲提纲确定观众每一步会看到什么。将演讲者备注单独保存,并在交接前排练键盘操作和跳转。

  1. 把场景映射到幻灯片

    提供提纲、获准素材和备注,在合成的静态幻灯片数据中定义顺序与逐步出现的内容。 先加载 HyperFrames 主 Skill,按合成约定组织项目。

  2. 打开本地演示入口

    先在获准的项目中运行 npx hyperframes check --json,再用文档中的 present 命令启动演示,核对输出的本地地址。

  3. 排练实际播放过程

    分别查看观众和演讲者视图,检查页码、显示顺序、分支和返回路径。

探索更多 Agent Skills

查看其他 Skill 指南,并在使用前核对原始来源。

HyperFrames Slideshow 常见问题

输出是渲染视频吗?
这套流程在浏览器提供交互式现场演示。需要渲染视频时,可以使用 HyperFrames 的视频工作流。
可以复用现有 HTML 吗?
可以。上游说明如何把已有合成场景映射为幻灯片,再在演示组件中预览。
演讲者备注显示在哪里?
备注显示在演讲者视图中,仍保存在演示源文件里。不要在共享的源文件里写入保密内容,排练时分别检查两个视图。
可以按观众回答跳转吗?
幻灯片支持分支热点。用实际演示入口逐项检查目标页与返回路径。
怎样运行演示?
官方 CLI 用法是 npx hyperframes present 加项目目录。检查命令输出的访问地址。
是否会发送遥测?
上游清单记录了遵循 CLI 遥测与关闭选项的使用事件。运行前请先核对这些选项。