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 (40)
将每周更新日志Markdown转换为品牌化短视频，包含UI动画、配音和字幕。
用户提供changelog markdown并要求生成视频
用户输入'changelog video'
npx skills add heygen-com/hyperframes --skill changelog-video -g -y
将每周变更日志 Markdown 转换为品牌化短视频。通过解析内容、路由可视化方案、生成脚本与配音，利用预设资产和脚手架渲染为1080p动画视频，强调UI模拟而非文本罗列。
用户提供 changelog/digest markdown 并要求生成周报视频
用户明确提及 'changelog video'
npx skills add heygen-com/hyperframes --skill changelog-video -g -y
提供树叶扫过并揭示标题的12秒3D动画组件，支持自定义文字、字体及叶子效果，用于前端视觉展示。
需要添加动态标题揭示动画
集成HyperFrames可视化组件
npx skills add heygen-com/hyperframes --skill canopy-part-title -g -y
基于WebGL2的1920x1080动态视觉组件，通过鼠标光标深度场驱动方块翻转揭示标题。支持GSAP动画与丰富参数配置，适用于前端页面交互展示。
需要添加高性能3D或粒子特效的前端页面
集成HyperFrames可视化组件库
实现自定义交互式标题动画效果
npx skills add heygen-com/hyperframes --skill code-slice-hero -g -y
HyperFrames 3D轮播组件，使用Three.js和GSAP实现带斜面立方体的卡片滑动展示。支持自定义几何、材质及动画参数，提供安装与渲染指南。
需要3D内容轮播效果
集成HyperFrames视觉组件
npx skills add heygen-com/hyperframes --skill cuboid-carousel -g -y
提供22.5秒冰裂特效动画组件，含Logo与双文本展示，支持相机环绕及变量自定义。
需要添加品牌宣传视频或动画效果
集成前端3D/粒子视觉组件
npx skills add heygen-com/hyperframes --skill frost-sequence-camera-orbit -g -y
提供玻璃碎片拼贴标题的3D动画效果，通过Voronoi切割实现动态入场与出场的视觉效果。
需要制作具有玻璃质感的标题动画
使用HyperFrames框架集成3D视觉特效
npx skills add heygen-com/hyperframes --skill glass-shard-title -g -y
提供10秒30fps的HTML5特性展示卡片动画，支持GSAP和Three.js实现轨道运动与自定义变量渲染。
需要添加前端动态卡片组件
生成基于HyperFrames的动画内容
npx skills add heygen-com/hyperframes --skill orbit-card -g -y
提供3D线框文字标题动画组件，支持门户爆发、文字替换及自定义变量。
需要添加3D文字动画效果
集成HyperFrames视觉组件
npx skills add heygen-com/hyperframes --skill wireframe-portal-title -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 资产导入，确保符合品牌规范与认证流程。
需要制作品牌宣传片或蒙太奇等复杂视频内容
没有专用工作流且 BRIEF.md 指定 companion 模式
需要基于 Figma 设计稿或现有项目状态进行视频编辑
npx skills add heygen-com/hyperframes --skill general-video -g -y
HyperFrames核心技能，定义构建可渲染项目的技术契约。涵盖DOM结构、data属性、轨道剪辑、变量及确定性渲染规则。指导Agent正确编写Composition HTML，避免常见陷阱，确保视频从HTML渲染的正确性与性能。
需要构建或理解HyperFrames项目结构时
查询data-*属性用法、轨道剪辑逻辑或渲染规则时
解决CSS定位与GSAP动画冲突等Agent常见陷阱时
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 及路径变形等视觉运动，明确区分于剪辑组装与场景策略。
需要制作镜头推拉、缩放或平移效果
实现 Ken Burns 或匹配剪辑视觉过渡
处理 SVG 变形、掩码或文字轨迹动画
调试 hyperframes keyframes 命令
npx skills add heygen-com/hyperframes --skill hyperframes-keyframes -g -y
定义 HyperFrames Studio 项目的构建规范，包括场景子化、单字幕轨道及元素分类，确保时间线可读性。
构建或编辑 HyperFrames 项目
调整时间线布局与结构
npx skills add heygen-com/hyperframes --skill hyperframes-studio -g -y
将音乐音轨转化为节拍同步视频的编排技能，支持歌词、幻灯片或动态宣传视频。通过自动化分析音频并调度子代理构建帧合成，实现零资产起步的视频生成流程。
用户要求根据音乐制作同步视频
需要将音频文件转换为视觉内容
npx skills add heygen-com/hyperframes --skill music-to-video -g -y
将GitHub PR代码变更转化为解释视频。作为编排器，通过读取PR Diff、规划故事板及分帧渲染，生成代码变更说明视频，集成媒体资源管理。
用户需要将GitHub Pull Request转换为代码变更解释视频
需要基于代码Diff和提交记录生成可视化Walkthrough
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+GSAP）格式。仅在用户明确要求迁移时使用，支持自动测试评估以确保渲染质量。
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 交互式演示文稿或 Pitch Deck，支持幻灯片、片段揭示、分支导航及演讲者模式。强调输出为可导航的 deck 而非 MP4，并规范了从 Figma 导入的流程。
用户请求制作幻灯片、演示文稿或 Pitch Deck
用户要求将现有页面转换为交互式 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
提供7种动态剪辑与转场技巧（如Zoom、Waterfall）及参数规范，用于指导Kinetic Text和Group Motion的平滑过渡与节奏控制。
制作动态文字入场效果
设计场景间平滑转场
调整元素组滑动动画
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
提供场景间过渡的渲染正确性规范，解决白闪问题及重叠合成机制。
组装主时间线时
切点出现白闪时
分析过渡透明度问题时
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
提供七种运动图形转场与入场技巧的规范，包括SEAM技术、瀑布流和Nudge曲线。涵盖速度匹配、Z轴方向规则及模糊逻辑，用于指导动态文本、镜头切换及组元素重定位的创作，确保视觉连贯性。
需要设计视频或动效转场效果
制作动态文字入场或标题卡片动画
调整画面中元素组的滑动与重定位
npx skills add heygen-com/hyperframes --skill cut-the-curve -g -y
Motion Doctrine 是动画与视频合成的核心指导原则，确保多场景视频呈现连续摄像机运动。涵盖向量定律、无缝衔接、动态性能及叙事节奏，统辖底层技巧技能，防止场景孤立导致的视觉断裂。
需要制作多场景动画或视频合成
处理场景间的转场与衔接逻辑
制定整体动画风格与运动规范
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主题风格。通过本地脚本完成转录、抠像与合成，无需剪辑原片。
需要为视频添加字幕或特效文字
希望生成电影感或VFX级嵌入式字幕
npx skills add heygen-com/hyperframes --skill embedded-captions -g -y
HyperFrames动画技能，提供原子运动规则、多阶段场景蓝图、转场及7种运行时适配器(GSAP/Lottie等)。支持组合编排、蓝图加载、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 技能，涵盖视频项目初始化、时间轴编排、渲染及发布全流程。支持本地与云端渲染，提供 lint/check 验证、快照对比、历史版本管理等功能，用于高效构建和调试动态视觉内容。
需要创建或编辑 HyperFrames 视频项目
执行视频渲染、预览或质量检查
排查构建失败或渲染异常
管理项目历史记录与回滚
npx skills add heygen-com/hyperframes --skill hyperframes-cli -g -y
提供 HyperFrames 视觉元素的搜索、安装与集成能力，涵盖 CRT、故障等特效及图表组件的自动化组装，支持通过 CLI 快速部署并配置 HTML 属性以嵌入主项目。
需要添加视觉特效或组件时
使用 hyperframes add 命令安装资源时
npx skills add heygen-com/hyperframes --skill hyperframes-registry -g -y
HyperFrames 入口技能，用于将 HTML 渲染为视频或动画。支持从 URL、设计稿或代码生成内容，以及检查、调试、预览和发布现有项目。
制作视频或动画
渲染 HTML 内容
导入 Figma 或 GitHub PR
检查或发布 HyperFrames 项目
npx skills add heygen-com/hyperframes --skill hyperframes -g -y
HyperFrames项目的媒体操作系统技能，提供BGM、音效、图片、Logo等资源的统一解析与生成。支持TTS语音合成、视频处理及色彩分级，并能将模糊的视觉反馈转化为具体的媒体调整指令，实现资产复用。
需要获取背景音乐、音效或图片素材
要求生成语音旁白或字幕
请求对图片或视频进行风格化、调色或特效处理
需要替换或查找品牌Logo
涉及媒体资产的裁剪、重构或格式转换
npx skills add heygen-com/hyperframes --skill media-use -g -y
用于生成短时长、无旁白的设计导向动态图形（如动效文字、数据可视化、UI动画等），强调视觉传达，通常不超过10秒，支持从Figma导入资产并渲染为MP4。
需要制作简短的动效视频或动态图形
涉及动效文字、图表动画或品牌标识动画
需要将Figma设计稿转换为动态效果
npx skills add heygen-com/hyperframes --skill motion-graphics -g -y
