Agent Skills
› heygen-com/hyperframes
heygen-com/hyperframes
GitHub将每周变更日志 Markdown 转换为带品牌风格的短视频。通过解析内容、生成脚本与配音，利用预设资源渲染出包含动画 UI 模拟和字幕的 1080p 视频。
Install All Skills
npx skills add heygen-com/hyperframes --all -g -y
Skills in Collection (32)
将每周变更日志 Markdown 转换为带品牌风格的短视频。通过解析内容、生成脚本与配音，利用预设资源渲染出包含动画 UI 模拟和字幕的 1080p 视频。
用户提供 changelog/digest markdown 并要求生成周更视频
用户输入 'changelog video'
npx skills add heygen-com/hyperframes --skill changelog-video -g -y
将每周更新日志 Markdown 转换为品牌化短视频，包含动画 UI、配音和字幕。
提供 changelog 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设计内容（静态资源、品牌标识、组件、动效）导入HyperFrames合成。支持通过REST API或连接器获取资产，自动处理认证与本地缓存，实现设计与视频合成的无缝衔接。
用户粘贴figma.com链接
要求将Figma设计、帧、Logo或动画导入视频/合成
npx skills add heygen-com/hyperframes --skill figma -g -y
通用视频创作技能，支持长片、多场景、品牌宣传片等自由构建。处理媒体适配与Figma集成，依据项目状态（编辑、简介或新建）执行流程，确保规范操作。
需要创建或编辑自定义视频内容
无专用工作流匹配的自由形式构建
处理品牌宣传或蒙太奇视频
npx skills add heygen-com/hyperframes --skill general-video -g -y
HyperFrames核心技能，定义基于HTML构建可渲染视频项目的技术契约。涵盖DOM时序声明、数据属性、轨道剪辑、子组合、变量及确定性渲染规则，指导项目结构设计与验证。
使用HyperFrames框架构建视频项目
配置HTML DOM中的时序与媒体播放属性
实现组合结构的模块化或单体架构
遵循确定性渲染规则进行动画开发
npx skills add heygen-com/hyperframes --skill hyperframes-core -g -y
负责 HyperFrames 视频的非动画创意方向，包括设计规范处理、调色板、排版、旁白、节拍规划及品牌风格决策。
需要确定视频视觉风格和品牌调性
处理设计规格文件或选择视觉预设
规划多场景节拍与构图
npx skills add heygen-com/hyperframes --skill hyperframes-creative -g -y
提供视频关键帧动画的实现指南，涵盖缩放、平移、遮罩及3D效果，区分视觉运动与剪辑边界。
需要实现Punch-in/out或Ken Burns效果
生成CSS/GSAP/WAAPI关键帧代码
处理SVG变形或路径动画
npx skills add heygen-com/hyperframes --skill hyperframes-keyframes -g -y
用于安装、发现和管理 HyperFrames 注册表中的可复用块与组件。支持通过 CLI 命令安装指定或标签匹配的资源，配置安装路径，并将块和组件正确集成到宿主 compositions 中。
需要安装新的 block 或 component
需要将已安装的 item 集成到 index.html
查询或修改 hyperframes.json 中的 registry 配置
使用 hyperframes add 或 catalog 命令
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转为视频
提供PR链接或引用
npx skills add heygen-com/hyperframes --skill pr-to-video -g -y
用于将产品URL、脚本或简介转化为营销推广视频。作为编排者，按步骤执行从需求确认、素材捕获、视觉设计到分帧生成及最终渲染的全流程，支持Figma源及媒体资产管理。
用户希望制作产品发布或宣传视频
提供产品链接或脚本要求生成营销内容
需要展示网站功能或进行应用演示
npx skills add heygen-com/hyperframes --skill product-launch-video -g -y
将现有的 Remotion (React) 视频合成源代码单向迁移转换为 HyperFrames HTML。仅在用户明确要求迁移时使用，不支持反向转换或非 Remotion 源码。
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。
需要为视频添加动态图形覆盖层
要求视频内容保持不变并添加设计感强的图文元素
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等）的参数规范、速度匹配规则及模糊逻辑，指导关键帧动画中的无缝剪辑与文本节奏处理。
需要设计视频或UI的动态转场效果
制作 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
提供视频制作中超大光标动效规范，包括尺寸、样式及从屏幕外进入、点击触发等动作定律，用于引导视线和增强场景过渡。
需要为静态或沉闷场景添加动态元素以引导观众视线
准备制作涉及鼠标指针操作或UI交互的视频片段
需要通过点击动作作为场景转换或动画序列的触发器
npx skills add heygen-com/hyperframes --skill oversized-cursor -g -y
HyperFrames视频时间线场景接缝的渲染正确性规范，确保转场合成无误。解决白闪问题，定义注入器重叠包裹层、轨道分配及GSAP模板逻辑，保障主时间线混合效果。
组装主时间线时
接缝处出现白闪
分析转场透明度异常
验证重叠场景包裹层混合机制
npx skills add heygen-com/hyperframes --skill seam-craft -g -y
定义字幕叠加工作流规范，明确字幕为覆盖层而非预留区域，指导内容布局与构图。规定字幕分为丢弃、轨道和嵌入三种模式，强调轨道承载主体文本，嵌入仅用于稀缺的高潮时刻，确保画面完整性。
添加或编辑视频字幕时
决定字幕显示策略（丢弃/轨道/嵌入）时
进行视频画面构图与排版时
npx skills add heygen-com/hyperframes --skill captions-overlay -g -y
提供7种动态图形转场与入场技术（如缩放、瀑布流、焦点虚化）的参数规范，涵盖速度匹配、Z轴方向符号规则及模糊逻辑，用于指导视频剪辑与动效制作。
需要创建平滑的视频转场效果
设计动态文字入场或组元素重定位动画
npx skills add heygen-com/hyperframes --skill cut-the-curve -g -y
定义多场景视频动画的连贯性核心法则，通过矢量定律确保镜头运动无缝衔接，防止场景间动量断裂和无效晃动，指导转场、元素入场及渲染机制。
需要制作多场景连续动画
处理视频转场与镜头衔接
解决动画场景割裂感
npx skills add heygen-com/hyperframes --skill motion-doctrine -g -y
提供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
为单人讲话视频添加字幕，支持标准、电影感和主题特效风格。通过本地脚本自动完成转录、抠像及合成，提供多种视觉身份选择，确保字幕与画面完美融合。
需要为视频添加字幕
要求制作电影感或特效字幕
处理单人讲话视频后期
npx skills add heygen-com/hyperframes --skill embedded-captions -g -y
HyperFrames动画技能，提供原子运动规则、多阶段场景蓝图、转场及七种运行时适配器（GSAP/Lottie等）。用于快速组合动画、加载模板或查询特定API，支持确定性时间轴与编排审计。
需要创建或组合动画效果
查找特定运行时的动画API文档
复用预设计的多阶段场景模板
分析现有动画编舞映射
npx skills add heygen-com/hyperframes --skill hyperframes-animation -g -y
用于 HyperFrames 中已放置音频轨道的混音处理，包括淡入淡出、交叉淡化、音量自动化、动态压缩、效果链（EQ/混响等）及语音避让。不涉及素材获取或剪辑时序。
需要调整音频轨道的音量、增益或自动化曲线
应用 EQ、压缩、混响等音频效果
处理多轨道间的交叉淡化或语音避让(ducking)
配置音频总线(submix bus)的混音参数
npx skills add heygen-com/hyperframes --skill hyperframes-audio -g -y
HyperFrames CLI开发循环工具，涵盖项目初始化、动画编排、代码检查、预览及渲染发布。支持本地与云端渲染，辅助排查构建失败问题。
需要初始化或捕获网页项目
查询并添加预设动画效果
执行代码 lint 和最终质量检查
启动预览服务查看效果
诊断构建或渲染失败原因
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项目的媒体操作系统，统一处理音视频素材的解析、生成、编辑与复用。支持BGM、图像、TTS等资源的查找与调用，提供模糊视觉反馈的标准化处理流程，实现媒体资产的高效管理与持久化。
需要获取背景音乐、音效或图片等媒体素材
需要对视频/图像进行调色、特效处理或风格化修改
需要生成语音旁白或字幕
用户提出关于画面暗、平、复古等模糊视觉改进需求
npx skills add heygen-com/hyperframes --skill media-use -g -y
专注于制作10秒内无旁白、设计驱动的动态图形，涵盖动效文字、数据可视化及UI动画。通过资产优先策略，结合Figma源文件与Hyperframes工作流，自动生成MP4或透明图层视频。
需要制作短时长动态图形
涉及动效文字或数据可视化
基于Figma的设计稿生成动画
npx skills add heygen-com/hyperframes --skill motion-graphics -g -y
