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 markdown 并要求生成视频
用户输入 'changelog video'
npx skills add heygen-com/hyperframes --skill changelog-video -g -y
将每周更新日志 Markdown 转换为带品牌风格的 1080p 短视频。通过解析内容、匹配可视化模板、生成脚本与配音，利用预设资产和脚手架渲染动画视频，确保视觉统一且符合时长要求。
用户提供 changelog/digest markdown 并要求制作周报视频
用户明确输入 'changelog video'
npx skills add heygen-com/hyperframes --skill changelog-video -g -y
将文本转化为无真人出镜的解释性视频，通过编排步骤生成脚本、设计和帧素材。
将文章或笔记制作成解释性视频
需要概念拆解或教程类视频
npx skills add heygen-com/hyperframes --skill faceless-explainer -g -y
将Figma设计内容（静态资源、品牌Token、组件、动效）导入HyperFrames视频合成，支持REST API及连接器，确保资产本地冻结与渲染确定性。
用户粘贴figma.com链接
要求将Figma设计、帧、Logo或动画带入视频/合成中
npx skills add heygen-com/hyperframes --skill figma -g -y
通用视频创作技能，支持无专用工作流时的自定义 HyperFrames 编辑。涵盖多场景、品牌短片及蒙太奇构建，集成媒体适配与 Figma 导入，基于 BRIEF.md 状态管理项目流程。
需要创建或编辑非标准化的长视频/多场景内容
BRIEF.md 指定 workflow 为 general-video 或 flow 为 companion
制作品牌宣传片、混剪或静态标题卡
npx skills add heygen-com/hyperframes --skill general-video -g -y
HyperFrames核心技能，定义基于HTML的渲染合同。涵盖composition结构、data-*属性、轨道剪辑、子组合、变量及媒体播放等构建规范与验证规则，用于指导项目开发。
构建HyperFrames HTML项目
使用data-*属性声明动画时序
配置媒体播放与轨道重叠
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 关键帧创作指南，涵盖缩放、推拉、遮罩等视觉运动实现及调试。明确与剪辑、场景策略的边界，指导生成符合契约的可寻址关键帧。
需要实现视频或动画的关键帧特效
处理缩放、推拉、遮罩或摄像机移动
调试关键帧渲染或时序问题
npx skills add heygen-com/hyperframes --skill hyperframes-keyframes -g -y
管理 HyperFrames 注册表，支持块的发现、安装与组件集成。涵盖 CLI 操作、文件路径配置及 HTML 属性接线，辅助开发自定义块或组件并贡献上游。
使用 hyperframes add 命令安装块或组件
配置 registry 安装路径
在 index.html 中接线块或组件
开发新块或组件并准备提交 PR
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代码变更转化为解释视频。作为编排器，按步骤摄取PR、设计系统、生成脚本与分镜、渲染帧并输出最终视频，强调代码编辑风格。
用户需要将GitHub Pull Request的代码变更转换为解释性视频
用户提供PR URL或引用并要求生成基于代码更改的视频
npx skills add heygen-com/hyperframes --skill pr-to-video -g -y
用于将产品或营销URL、脚本转化为产品发布/推广视频。作为编排器，协调从需求梳理、素材捕获、分镜设计到帧级合成及最终渲染的全流程，支持Figma源和媒体资产管理。
需要制作产品发布或推广视频
提供SaaS宣传、功能展示或应用演示需求
网站巡览或产品展示
npx skills add heygen-com/hyperframes --skill product-launch-video -g -y
将现有的 Remotion (React) 视频合成源文件单向迁移转换为 HyperFrames HTML。仅在用户明确请求迁移时使用，提供映射规则并基于 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 源集成。
创建演示文稿
制作 Pitch Deck
构建交互式幻灯片
将页面转换为 Deck
npx skills add heygen-com/hyperframes --skill slideshow -g -y
为现有谈话视频添加与语音同步的动态图形卡片（标题、数据标注等），生成MP4。
需要为视频添加动态图形覆盖层
希望给采访或播客视频加上设计感强的屏幕图形
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
提供七种动态图形转场与入场技术（如Cut the Curve、Waterfall Entry等），规范速度匹配、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 风格光标在视频中的使用规范，涵盖尺寸、样式、入场动画及点击触发逻辑，用于引导观众视线并增强场景过渡的动态表现力。
需要引导观众视线的静态或呆板场景
UI 界面展示或指针操作演示
通过点击动作触发形态变化或转场
npx skills add heygen-com/hyperframes --skill oversized-cursor -g -y
提供场景间过渡的渲染正确性准则，解决时间线拼接时的白闪问题。涵盖背景防护、注入器重叠逻辑及模板替换机制，确保转场合成正确。
组装主时间线或 index.html
排查剪辑点或交叉淡入淡出处的白闪问题
分析过渡透明度 dips 的渲染原理
验证场景包装器混合的底层渲染机制
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
提供七种匹配速度的转场与入场技巧，涵盖缩放、模糊及级联滑动。规范了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 发布视频中的视觉引导技巧，涵盖尺寸、品牌化、入场/点击动画及 CSS/JS 实现规范，用于增强场景动感与叙事节奏。
制作发布视频或 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
为单人说话视频添加嵌入式字幕，支持标准、电影感和主题风格。通过本地流程完成转录、抠像和合成，无需编辑原始素材，确保字幕与主体视觉融合。
需要给视频添加字幕或特效字幕
要求将文字嵌入人物后方或制作酷炫视觉效果
npx skills add heygen-com/hyperframes --skill embedded-captions -g -y
HyperFrames动画技能，提供原子运动规则、多阶段场景蓝图、转场设计及七种运行时适配器（GSAP等）。支持组合规则、加载模板、查找API及分析现有动画编排，实现确定性、可寻址的动画开发。
需要创建或组合前端动画效果
查询特定动画库（如GSAP/Lottie）的API用法
复用预定义的场景动画蓝图
分析或重构现有动画时间线
npx skills add heygen-com/hyperframes --skill hyperframes-animation -g -y
用于在 HyperFrames 中对已放置音频进行混音处理，包括淡入淡出、音量自动化、动态处理及效果链配置。
需要对音频轨道应用淡入淡出或交叉淡化
需要调整轨道增益、音量自动化或侧链压缩
需要添加 EQ、压缩器、混响等音频效果
npx skills add heygen-com/hyperframes --skill hyperframes-audio -g -y
HyperFrames CLI 开发循环技能，涵盖项目初始化、动画编排、代码检查、预览及多端渲染。用于视频内容创作工作流，支持本地与云端执行。
需要创建或编辑 HyperFrames 动画项目
运行 lint 或 check 进行代码质量验证
执行视频渲染或预览操作
npx skills add heygen-com/hyperframes --skill hyperframes-cli -g -y
HyperFrames 是 HTML 转视频的入口技能，支持从 Remotion 迁移、现有项目操作或从零创建。它通过解析项目状态和意图，路由至相应工作流进行视频渲染、动画制作及媒体编辑。
需要制作视频、动画或动态图形
对 HyperFrames 项目进行检查、诊断、预览或渲染
npx skills add heygen-com/hyperframes --skill hyperframes -g -y
HyperFrames项目的媒体OS技能，通过单一命令解决BGM、音效、图像、语音等媒体资产需求，支持生成、操作和复用，并处理视觉反馈与调色。
需要查找或生成背景音乐、音效、图片或图标
请求对视频/图片进行调色、特效处理或风格化修改
需要生成语音旁白或转录文本
npx skills add heygen-com/hyperframes --skill media-use -g -y
用于生成短时长、无旁白的设计导向动态图形，涵盖字体动画、数据可视化及UI动效等。
需要制作简短的动态图形或动效
涉及Kinetic Typography、数据图表动画或UI交互动画
npx skills add heygen-com/hyperframes --skill motion-graphics -g -y
