Communitygithub.com

superpollo02/educai-hyperframes-video-render

使用 HyperFrames 创作、动画化并渲染高保真的 EdTech 和 Moodle LMS 视频作品,涵盖分步教程、课程展示、三段式结构、SCORM 游戏化演示以及响应式 16:9 / 9:16 视频生成。

educai-hyperframes-video-render 是什么?

该技能专为 AI 代理设计,用于自动生成教育技术(EdTech)和 Moodle LMS 相关的视频内容。它基于 HyperFrames 框架,支持创建结构完整的教学视频,包括分步教程、课程展示、三部分叙事结构、SCORM 游戏化演示以及适配 16:9 和 9:16 比例的响应式视频。技能文档中定义了多项关键不变规则,例如:在教程中强制使用持久化的步骤进度条(.step-bar)和动画虚拟光标(#virtual-cursor),通过 `data-layout-allow-overlap` 和 `data-layout-allow-occlusion` 属性解决拖放或叠加元素时的布局检测问题,以及精细化的音频混合要求(背景音乐音量控制在 0.15-0.25 之间,并同步点击、场景切换、答题反馈和成绩同步等音效)。该技能适用于 Cursor、Claude Code 等支持 AI 代理的开发环境,能够显著提升教育视频制作的自动化和一致性。

兼容平台~Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/superpollo02/educai-hyperframes-video-render/tree/HEAD/skills/edtech-moodle-video

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

使用 HyperFrames 制作 EdTech 与 Moodle 视频

当被要求创建、结构化或渲染教育技术视频、Moodle 教程、SCORM 演示或在线课程宣传片时,应使用此技能。

关键不变规则

  1. 节奏与导航:
    • 在教程中提供持久化的步骤进度条(.step-bar),包含激活和已完成状态。
    • 使用动画虚拟光标(#virtual-cursor)以及扩展的点击涟漪环来引导观众焦点。
  2. 布局与遮挡指令:
    • 对于模拟的拖放或图章叠加操作,务必添加 data-layout-allow-overlap="true" 和 data-layout-allow-occlusion="true",以防止无头布局检查拒绝。
  3. 音频混合:
    • 背景音乐音量必须降低或设置为低音量(data-volume="0.15" 至 "0.25"),为配音保留动态余量。
    • 同步触觉音效:按钮点击声、场景过渡的嗖嗖声、正确答题/反馈的提示声,以及成绩同步时的通知声。

相关技能