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链接
要求导入Figma设计或动画到视频中
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视频合成技术规范。涵盖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
提供 HyperFrames 中 2D/3D 关键帧动画的实现指南，涵盖缩放、平移、遮罩及路径变形等视觉运动，明确与剪辑组装的职责边界。
需要实现视频或图像的推拉摇移镜头效果
需要创建 Ken Burns 效果、匹配剪辑或快速转场
需要处理 CSS/GSAP/SVG 等关键帧动画逻辑
npx skills add heygen-com/hyperframes --skill hyperframes-keyframes -g -y
管理 HyperFrames 注册表，支持块和组件的发现、安装及配置。提供 CLI 命令用于获取资源、指定路径，并详细说明如何将块嵌入主机组合或通过 HTML/CSS/JS 集成组件。
安装或发现 HyperFrames 块与组件
配置 registry 安装路径
将块或组件集成到项目代码中
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生成为解释视频
需要基于代码Diff和提交记录制作技术演示或Changelog视频
npx skills add heygen-com/hyperframes --skill pr-to-video -g -y
用于将产品链接或脚本转化为宣传视频的技能，涵盖从需求确认、素材捕获、故事板设计到逐帧合成及最终渲染的全流程编排。
用户需要制作产品发布或推广视频
请求展示网站或应用的功能演示
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
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
为现有谈话类视频添加与语音同步的动态图形覆盖层（如标题、引用、画中画），而非纯字幕。通过HTML编写卡片并渲染为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
提供HyperFrames视频中超大鼠标的视觉规范，涵盖尺寸、样式及入场/点击/退出动效，用于引导视线并激活场景。
视频场景涉及鼠标指针或指针驱动的操作
启动UI场景或需要低成本高收益的运动来打破静态画面
npx skills add heygen-com/hyperframes --skill oversized-cursor -g -y
定义场景过渡的渲染正确性规范，解决时间线拼接时的白闪问题。涵盖背景设置、注入器逻辑及模板占位符，确保混合效果符合预期。
视频时间线拼接出现白闪或透明度异常
需要理解场景间过渡的底层渲染机制
验证或调试重叠场景包裹器的合成逻辑
npx skills add heygen-com/hyperframes --skill seam-craft -g -y
定义字幕叠加策略，规范短语分类（丢弃/轨道/嵌入）及构图原则。指导在视频中添加字幕时不预留空白带，而是将字幕作为覆盖层处理，保持画面中心对称与完整构图。
为视频添加或编辑字幕
决定字幕显示层级与样式
进行视频画面构图设计
npx skills add heygen-com/hyperframes --skill captions-overlay -g -y
提供七种速度匹配的转场与入场技巧，涵盖缩放、模糊及文字逐字交错等参数规范，指导动态图形中镜头切换与组重定位的视觉连贯性。
需要设计场景间或场景内转场效果
制作动态文字入场或标题卡片动画
优化运动图形的节奏与视觉流畅度
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
为单人讲话视频添加嵌入式字幕，支持标准、电影感及VFX主题风格。流程包含本地转录、人物抠像、创意排版及合成渲染，确保字幕与画面视觉融合。
需要为视频添加字幕
要求制作电影感或特效级嵌入字幕
需要自动化处理视频字幕合成
npx skills add heygen-com/hyperframes --skill embedded-captions -g -y
提供 HyperFrames 动画开发的全套知识，包括原子运动规则、多阶段场景蓝图、转场设计及运行时适配器（GSAP/Lottie等）。用于快速组合动画、加载模板或查阅特定 API。
需要实现页面元素或场景的交互动画
查询 GSAP 或其他动画库的具体 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项目
编写或调试动画组件与关键帧逻辑
执行代码质量检查与最终渲染输出
npx skills add heygen-com/hyperframes --skill hyperframes-cli -g -y
HyperFrames入口技能，用于将HTML转换为视频、动画或动态图形。支持从URL、PR、设计稿等输入创建项目，或检查、调试、渲染现有工程。自动路由至对应工作流，处理状态恢复与意图确认。
用户请求制作、编辑、渲染视频或动画
需要检查或发布现有的HyperFrames项目
npx skills add heygen-com/hyperframes --skill hyperframes -g -y
HyperFrames项目的媒体操作系统，提供BGM、音效、图像等资产的解析生成与处理。支持TTS配音、字幕及视频调色，通过统一接口解决模糊视觉反馈，实现跨项目资产复用。
需要查找或生成背景音乐、音效、图片、图标或Logo
请求语音合成、字幕生成或背景移除
需要对媒体内容进行剪辑、重构图或色彩分级处理
用户反馈画面暗、平淡或需要特定风格化处理
npx skills add heygen-com/hyperframes --skill media-use -g -y
用于生成简短、设计驱动的动态图形（如动效排版、数据可视化、品牌标识动画），强调以运动传达信息，时长通常在10秒内，无旁白。
需要制作短时长动态图形
动效排版或数据可视化需求
品牌标识或社交媒体覆盖层动画
npx skills add heygen-com/hyperframes --skill motion-graphics -g -y
