以 skill 自身的术语
编写 HyperFrames 幻灯片 —— 演示文稿、路演讲稿,或带有独立分页、片段渐显、分支、热点导航以及内置演讲者模式(含演讲者备注)的交互式演示。也可将现有页面转换为演示文稿。输出是随 hyperframes 一起提供的可导航演示文稿,而非渲染好的 MP4。使用 JSON island 脚本块来声明幻灯片与连接关系。支持片段(幻灯片内的渐显停顿点)、通过热点跳转到离线序列的分支,以及带有可编辑备注(通过 BroadcastChannel 同步)的演讲者模式。
除非明确要求,否则在编写前需先获得确认。严格执行幻灯片写作规则:标题须为完整句式的论断、每张幻灯片只表达一个观点、市场规模采用自下而上估算法、字体最小 30pt。在手工构建任何具名视觉元素之前,先搜索实时目录。在移植源页面时,会保留原始设计、动效、交互及媒体行为,同时将页面运动转换为幻灯片间的过渡效果。
它产出什么
- 一个包含场景、片段(clips)、GSAP 时间线以及 JSON island 清单的 HyperFrames 作品
- 一个随 hyperframes 一起提供的可导航演示文稿,包含带演讲者备注的演讲者模式
工作方式
- 01确认意图
如果用户明确要求制作幻灯片演示,则继续执行;否则先暂停,说明 HyperFrames 幻灯片演示的含义(可运行的演示文稿、导航、演讲者模式),然后再请求确认。
- 02用时间属性声明场景
每张幻灯片都由一个场景支撑。请为每个场景声明 data-composition-id、data-start、data-duration 和 data-label。
- 03添加 JSON Island
在 composition HTML 中添加且仅添加一个 type 为 application/hyperframes-slideshow+json 的 script 代码块。
- 04按照硬性规则编写幻灯片
标题必须是完整句子形式的论断。每张幻灯片只表达一个想法、配一个视觉元素。以结论开头。市场规模只能自下而上估算。字体不得小于 30pt 等效大小。
- 05构建视觉效果前先检索目录
幻灯片每需要一种外观、效果、图表或转场,先用简明英语运行 npx hyperframes catalog --query,阅读排名靠前的结果后再进行创作。