Agent Skills
› heygen-com/hyperframes
heygen-com/hyperframes
GitHub将每周变更日志 Markdown 转换为带品牌标识的动画视频，包含 UI 模拟、配音和字幕。
Install All Skills
npx skills add heygen-com/hyperframes --all -g -y
Skills in Collection (32)
将每周变更日志 Markdown 转换为带品牌标识的动画视频，包含 UI 模拟、配音和字幕。
用户提供 changelog/digest markdown 并请求生成周视频
用户输入 'changelog video'
npx skills add heygen-com/hyperframes --skill changelog-video -g -y
将每周更新日志 Markdown 转换为品牌化短视频，包含动画 UI、配音及字幕。通过标准化管道实现可视化呈现，确保符合特定设计规范与时长要求。
用户提供 changelog/digest markdown 并要求生成周报视频
用户明确输入 'changelog video'
npx skills add heygen-com/hyperframes --skill changelog-video -g -y
将文本转化为无出镜解说视频，通过编排HyperFrames流程完成脚本、视觉设计与渲染。
将文章或笔记制作成概念解释视频
生成无需实景拍摄的抽象图形或数据可视化视频
npx skills add heygen-com/hyperframes --skill faceless-explainer -g -y
将Figma设计内容（资产、品牌标识、组件、动效）导入HyperFrames视频合成项目。支持REST API及连接器，自动处理认证与本地缓存，实现设计稿到动态画面的自动化重构。
用户粘贴figma.com链接
要求将Figma设计/帧/Logo/动画导入视频或合成项目
npx skills add heygen-com/hyperframes --skill figma -g -y
通用视频创作与编辑技能，支持长片、蒙太奇、品牌宣传片及自由组合构建。通过 HyperFrames 工作流管理项目状态，集成媒体资源适配与 Figma 资产导入，确保标准化输出。
需要制作长视频或多场景作品
创建品牌宣传或混剪视频
无专用工作流时的通用视频编辑
npx skills add heygen-com/hyperframes --skill general-video -g -y
HyperFrames核心技能，定义HTML视频合成技术契约。指导构建包含数据属性、轨道、子组合及媒体播放的可渲染项目，涵盖结构规范、确定性渲染规则及Tailwind集成。
需要构建HyperFrames HTML视频合成项目
查询HyperFrames数据属性或组合结构规范
配置媒体播放与时间轴逻辑
npx skills add heygen-com/hyperframes --skill hyperframes-core -g -y
提供 HyperFrames 视频的非动画创意方向，包括品牌、节奏、风格、旁白和构图。用于处理设计规范、调色板、字体及视觉决策，确保输出具有概念性而非通用网页布局。
需要确定视频品牌风格或配色方案
制定多场景视频的节拍与节奏规划
解析并应用设计规格文件（如 frame.md）
npx skills add heygen-com/hyperframes --skill hyperframes-creative -g -y
提供HyperFrames中2D/3D关键帧动画的实现指南，涵盖缩放、平移、蒙版及视觉转场等具体机制，明确与剪辑和场景策略的边界。
需要实现视频或图像的缩放、平移、Ken Burns效果
需要处理蒙版、裁剪、匹配剪辑或视觉转场动画
涉及GSAP、CSS、WAAPI等前端动画库的关键帧生成
npx skills add heygen-com/hyperframes --skill hyperframes-keyframes -g -y
HyperFrames 注册表技能，用于安装、发现并组装可复用的 Block 和 Component。支持通过 CLI 命令按名称或标签批量安装，配置本地路径，以及在宿主 HTML 中正确连线（Wiring）以集成到时间线中。
需要安装 HyperFrames 模块时
在项目中集成 Block 或 Component 时
查询注册表中的可用资源时
npx skills add heygen-com/hyperframes --skill hyperframes-registry -g -y
将音乐音轨转化为节拍同步视频的工作流，支持歌词视频、幻灯片或动态宣传视频。通过自动化分析音频并编排帧构建，实现零素材依赖的视频生成。
需要将音频文件转换为视频
需要制作音乐驱动的动态宣传片
npx skills add heygen-com/hyperframes --skill music-to-video -g -y
将 GitHub PR 代码变更解析并编排为解释性视频。作为 Orchestrator，按步骤执行从 PR 摄入、脚本设计到帧渲染的全流程，调用子代理生成最终视频。
用户希望将 GitHub Pull Request 的代码变更转化为解释性视频
需要基于 PR diff 和提交记录生成代码变更演示
npx skills add heygen-com/hyperframes --skill pr-to-video -g -y
用于将产品URL、脚本或简报转化为产品发布/推广视频。作为编排器，按步骤完成项目设置、素材捕获、品牌设计、故事板规划及帧级渲染，支持Figma集成与媒体资产管理。
用户请求制作产品宣传视频
需要生成SaaS功能展示或应用发布视频
要求对网站进行 tours 或 showcase 展示
npx skills add heygen-com/hyperframes --skill product-launch-video -g -y
将现有的 Remotion (React) 视频合成源码单向迁移转换为 HyperFrames (HTML+GSAP)。仅在用户明确要求迁移时使用，提供映射规则、拒绝不支持的模式及 SSIM 测试验证。
port my Remotion project to HyperFrames
convert this Remotion code to HyperFrames
migrate from Remotion
translate this Remotion comp
npx skills add heygen-com/hyperframes --skill remotion-to-hyperframes -g -y
用于创作 HyperFrames 交互式演示文稿的技能，支持幻灯片、片段揭示、分支导航及演讲者模式。强调输出为可导航的 Deck 而非 MP4，需确认用户意图并处理 Figma 源数据。
用户请求制作幻灯片或演示文稿
将现有页面转换为交互式 Deck
npx skills add heygen-com/hyperframes --skill slideshow -g -y
为现有谈话类视频添加与语音同步的定制化图形覆盖层（如标题、数据标注等），生成MP4。区别于纯字幕，强调视觉包装。
graphic overlays
on-screen graphics
package / dress up my video
npx skills add heygen-com/hyperframes --skill talking-head-recut -g -y
定义字幕叠加原则与模型，指导视频创作中字幕的显示策略（drop/rail/embed）及构图规范。确保字幕作为覆盖层处理，不预留空白带，保持画面中心对齐，适用于口播或讲解类视频的字幕设计与排版。
添加字幕或副标题到视频中
决定短语是丢弃、保留轨道还是嵌入
进行包含字幕的画面构图设计
npx skills add heygen-com/hyperframes --skill captions-overlay -g -y
提供七种运动图形转场与入场技巧（如切曲线、瀑布流），涵盖速度匹配、Z轴符号规则及模糊逻辑，用于指导视频剪辑和动效制作。
需要创建平滑的视频转场效果
设计动态文本或标题卡片的入场动画
优化组元素的位置重排与节奏控制
npx skills add heygen-com/hyperframes --skill cut-the-curve -g -y
定义多场景视频动画的运动法则，确保镜头连贯性。涵盖矢量定律、过渡时机及无缝衔接规则，指导场景切换与元素运动表现，防止视觉动量中断。
需要制作多场景视频动画
处理场景间的转场与镜头运动
解决动画中视觉动量断裂或晃动问题
npx skills add heygen-com/hyperframes --skill motion-doctrine -g -y
提供MacOS风格超大光标在HyperFrames视频中的设计规范，包括尺寸、样式及入场/点击动画法则，用于引导视线并增强场景动态感。
UI场景启动
需要引导观众视线的静态画面
使用点击触发过渡或变形动画
npx skills add heygen-com/hyperframes --skill oversized-cursor -g -y
HyperFrames视频转场合成规范，确保场景切换渲染正确。解决白闪问题，管理时间线重叠、包裹层及背景底色设置。
组装主时间线时
出现切缝白闪时
验证转场透明度混合机制时
npx skills add heygen-com/hyperframes --skill seam-craft -g -y
提供视频字幕叠加规范，定义drop/rail/embed模型及覆盖层原则。指导在添加字幕时不预留空白带，保持画面完整居中，适用于口播或解说视频的字幕处理与构图决策。
添加字幕或副标题
决定短语是否丢弃、保留轨道或嵌入
进行带有字幕的构图布局
npx skills add heygen-com/hyperframes --skill captions-overlay -g -y
提供7种动态图形转场与入场技巧（如Cut the Curve、Waterfall等），规范速度匹配、Z轴符号及模糊逻辑，用于指导视频剪辑、动效设计及Kinetic Text创作。
需要设计场景间或组内平滑转场
制作Kinetic Text或标题卡片入场动画
调整多元素组的滑动与重定位
npx skills add heygen-com/hyperframes --skill cut-the-curve -g -y
定义多场景视频动画的连贯运动法则，确保镜头感统一。涵盖向量定律、过渡时机及免静止抖动等规则，指导如何组合低层技术技能以实现无缝转场与叙事性动效。
需要制作多场景连续动画
处理视频转场与镜头衔接
优化动画流畅度与节奏
npx skills add heygen-com/hyperframes --skill motion-doctrine -g -y
提供 macOS 风格超大光标在 HyperFrames 发布视频中的设计规范与实现技巧，涵盖尺寸、样式、入场/点击/离场动画逻辑及品牌定制方案，用于引导视线并增强动态效果。
制作 UI 场景或指针操作演示
需要低成本高回报的动态元素以激活静态画面
执行形态转换、过渡或打字机效果的点击触发
设计光标入场、目标定位或场景交接
npx skills add heygen-com/hyperframes --skill oversized-cursor -g -y
定义场景间过渡的渲染正确性规范，解决时间线合成时的白闪问题，确保重叠包裹层混合与模板代码生成的准确性。
组装主时间线或 index.html
排查剪辑点或交叉淡入淡出处的白闪现象
分析过渡透明度变化导致的渲染异常
验证重叠场景包装器的混合机制
npx skills add heygen-com/hyperframes --skill seam-craft -g -y
为单人视频自动添加字幕，支持标准、电影感及VFX主题等35种视觉身份。流程涵盖本地转录、人物抠像、排版合成与渲染，适用于各类口播视频的字幕特效制作。
需要为视频添加字幕
要求生成电影感或VFX风格特效字幕
需要对视频进行非破坏性字幕嵌入处理
npx skills add heygen-com/hyperframes --skill embedded-captions -g -y
HyperFrames动画技能，提供原子运动规则、场景蓝图、转场及多运行时适配器（GSAP等），支持组合编排与现有动画审计。
需要实现前端页面或组件的交互动画
查询特定运行时库（如GSAP、Lottie）的API用法
复用或加载预定义的多阶段场景模板
分析现有动画的时间轴编排
npx skills add heygen-com/hyperframes --skill hyperframes-animation -g -y
用于 HyperFrames 中已放置音频轨道的混音处理，包括淡入淡出、交叉淡化、音量自动化、动态压缩、效果链（EQ、混响等）及语音避让。不涉及音频获取或剪辑时序。
需要对 HyperFrames 中的音频轨道进行混音调整
需要应用音频效果如 EQ、压缩器、混响
需要设置音量自动化或语音避让
npx skills add heygen-com/hyperframes --skill hyperframes-audio -g -y
HyperFrames CLI开发循环技能，涵盖项目初始化、动画编排、代码检查、预览及渲染全流程。支持本地与云端多种渲染后端，用于快速迭代和最终输出验证。
需要创建或初始化多媒体项目
编写或调试关键帧动画逻辑
执行代码质量检查或布局审计
生成视频或媒体文件并交付
npx skills add heygen-com/hyperframes --skill hyperframes-cli -g -y
HyperFrames项目入口技能，负责将HTML转换为视频。支持从URL、PR或设计稿创建动画，执行渲染、预览及诊断操作。根据项目状态路由至对应工作流，涵盖新建、编辑及Remotion迁移场景。
创建或编辑视频/动画项目
渲染或发布HyperFrames项目
将Remotion源移植到HyperFrames
检查现有项目状态
npx skills add heygen-com/hyperframes --skill hyperframes -g -y
HyperFrames项目的媒体操作系统，统一处理BGM、音效、图像、Logo、配音等媒体的解析、生成、编辑与复用。支持通过CLI命令解决素材需求，并将模糊的视觉反馈转化为具体的媒体调整指令。
需要查找或生成背景音乐、音效、图片或图标
需要进行视频调色、特效处理或画面风格化
需要生成语音旁白或字幕
需要处理品牌Logo或隐私遮挡
npx skills add heygen-com/hyperframes --skill media-use -g -y
用于生成简短、无旁白的设计导向动态图形，涵盖动效排版、数据可视化及UI动画等。遵循资产优先策略，通过Hyperframes框架自主执行设计流程并渲染输出。
需要制作短时长动态图形
涉及动效排版或数据可视化动画
npx skills add heygen-com/hyperframes --skill motion-graphics -g -y
