此技能为 HyperFrames 动画提供全面的知识体系，涵盖原子运动规则、多阶段场景蓝图、场景过渡和广泛的运动设计技术。它集成了 GSAP、Lottie、Three.js 等七种运行时适配器，使开发者能够高效地组合复杂动画、管理场景编排，并在各种平台实现多样化的运动设计，确保动画体验的确定性和寻址安全。

4.9(120)

1.0M

video-editing

hyperframes-registry

by @heygen-com

HyperFrames 组件注册表，提供可复用的视频区块和效果组件，通过命令安装使用

4.9(8)

959.3K

html

hyperframes-core

by @heygen-com

此技能定义了 HyperFrames 视频合成项目的技术契约和构建指南。它详细说明了如何使用 HTML、`data-*` 属性、轨道和子合成来构建可渲染的视频项目，确保了合成结构、时间同步和媒体播放的确定性。开发者在编写合成 HTML 前必须阅读此指南，以确保项目符合框架规范并高效渲染。

4.9(120)

930.4K

creative-direction

hyperframes-creative

by @heygen-com

此技能为 HyperFrames 视频提供非动画创意指导，专注于设计规范处理、品牌风格决策、视觉调色板、排版和构图模式。它帮助定义视频的美学和叙事结构，包括旁白、节拍规划和音频响应式视觉效果，确保视频项目具有一致的风格和高质量的视觉输出。使用该 Skill 在动画制作前确立基础创意元素。

4.9(120)

916.5K

keyframes

hyperframes-keyframes

by @heygen-com

此技能提供创建Web关键帧动画的规范与最佳实践，确保动画在可见状态、主体身份连续性、运行时安全性和像素验证方面符合要求。适用于前端开发者编写可维护的动画代码，避免常见陷阱。

4.9(120)

754.1K

audio-mixing

hyperframes-audio

by @heygen-com

此技能用于音频混合中的人声与背景音乐平衡处理。它能自动分析语音与音乐的频谱冲突，生成动态闪避曲线和均衡器设置，并将效果链直接写入媒体元素。用户无需手动调节多个处理器，预览与渲染使用同一音频图，实现所见即所得。适用于播客、视频配音、短片制作等场景，大幅缩短混音时间。

4.9(1)

663.2K

video-editing

general-video

by @heygen-com

此技能提供通用的视频工作流和自定义合成创作能力，作为专业视频制作的后备方案。它指导用户从视觉识别、设计系统到具体构图的整个过程，确保视频内容具有专业性和品牌一致性。该 Skill 适用于需要灵活创建各类视频内容，并注重视觉细节和品牌规范的场景，帮助用户高效产出高质量视频。

4.9(120)

661.1K

video-generation

product-launch-video

by @heygen-com

此技能能将产品或营销网址、粘贴的脚本或简要描述转化为产品发布视频，包括 SaaS 推广、功能揭示、应用发布和公司宣传片。它帮助用户快速生成高质量的营销视频，用于推广、发布或展示新产品，大幅提升市场宣传效率和吸引力。

4.9(120)

538.7K

video-generation

faceless-explainer

by @heygen-com

此技能能将任意文本（如文章、笔记或主题）转化为无面讲解视频，时长通常为 30-90 秒。它会自主生成所有视觉元素，包括排版、抽象图形、图表和数据可视化，不依赖外部资产或网站抓取。该 Skill 非常适合制作主题讲解、概念解析、操作指南和叙事性内容，在没有真实素材的情况下，提供了一种独特的视觉化信息传达方式。

4.9(120)

521.4K

motion-graphics

by @heygen-com

此技能专注于生成短小、设计主导且无旁白的动态图形。它通过自动化流程，帮助用户快速将文本、数据或品牌元素转化为引人注目的视觉动画，无需专业设计或视频编辑技能，从而高效传达信息并提升内容吸引力。

4.9(120)

513.7K

remotion

remotion-to-hyperframes

by @heygen-com

此技能将现有的 Remotion (基于 React) 视频合成转换为 HyperFrames (HTML) 合成。它能处理大部分 Remotion 惯用语，并识别无法无损转换的模式，推荐运行时互操作方案，确保翻译质量。

4.9(120)

489.7K

video-editing

embedded-captions

by @heygen-com

此技能能为口播视频智能添加嵌入式字幕，支持多种视觉风格和特效，实现电影级或VFX级别的字幕效果。它通过自动化流程，将字幕与视频内容深度融合，显著提升视频的视觉吸引力和专业度，尤其适用于需要高级动态字幕的场景。

4.9(120)

453.3K

video-editing

hyperframes-studio

by @heygen-com

该 Skill 提供视频工程的时间轴组织规范：每个场景独立为子合成、全部字幕汇总到一条轨道、每类元素独占一条轨道，并遵守动作安全与标题安全区。它能让项目在剪辑界面中呈现为短而清晰的时间轴，使创作者可以逐段裁剪、静音与拖动，避免出现一堆无法编辑的杂乱行。

4.9(120)

451.0K

github-pr

pr-to-video

by @heygen-com

此技能能将 GitHub Pull Request 自动转化为代码变更解释视频，时长可达 3 分钟。它通过分析代码差异和提交记录，生成清晰的更新日志、功能揭示或重构讲解视频，帮助开发者和团队高效沟通代码改动，提升理解与协作效率。

4.9(120)

448.6K

video-generation

music-to-video

by @heygen-com

此技能能够将音乐曲目转换为与节拍同步的 HyperFrames 视频。它通过分析音乐的节拍和能量，智能编排视频帧，并可融入用户提供的图像或视频素材，从而自动化生成高质量、节奏感强的视觉内容，极大地简化了视频制作流程。

4.9(120)

418.7K

graphic-overlays

talking-head-recut

by @heygen-com

此技能对现有的单人讲话、采访或播客视频进行包装，自动叠加与字幕同步的时序化图形卡片（标题、低三分之一、数据标注、引用、侧面板、画中画），无需专业视频编辑软件即可输出专业级包装视频。适用于内容创作者、营销人员和播客制作者快速提升视频观感。

4.9(120)

407.3K

slideshow

by @heygen-com

此技能能够根据用户需求，生成结构化、可导航的 HyperFrames 幻灯片，包含场景定义、演讲者备注、片段控制及分支逻辑。它解决了传统演示文稿制作耗时、交互性差的痛点，使用户能高效创建专业且富有表现力的交互式演示文稿，适用于产品宣讲、技术分享等多种场景。

4.9(120)

400.9K

tts

hyperframes-media

by @heygen-com

HyperFrames Media 提供三个 CLI 命令，用于处理媒体资产：文本转语音（Kokoro）、音频/视频转录（Whisper）和背景移除（u2net）。它能本地生成画外音、创建字幕、制作透明叠加层，显著简化HyperFrames合成的媒体准备工作，无需API密钥，并支持模型缓存。

4.8(120)

141.7K

website-to-video

by @heygen-com

此技能能将任何通用网站或 URL 转换为专业的 HyperFrames 视频，用于制作网站导览、产品展示或社交媒体短片。它利用无头浏览器截图和品牌资产，从网站自身的视觉元素中生成引人入胜的视频内容。该 Skill 极大地简化了将静态网页内容转化为动态视频的过程，帮助用户快速创建高质量的视觉营销材料，提升内容吸引力和传播效率。

4.7(120)

97.4K

gsap

by @heygen-com

GSAP 动画参考指南，专为 HyperFrames 平台设计。它详细介绍了 GSAP 的核心动画方法、缓动、交错、时间轴控制及性能优化技巧。开发者可利用此指南高效创建流畅、专业的动画效果，提升 HyperFrames 作品的视觉表现力。

4.7(120)

92.1K

video-editing

website-to-hyperframes

by @heygen-com

自动截取网站并生成专业产品视频，支持自定义时长和平台格式，AI Agent Skill，提升工作效率和自动化能力

4.7(19)

89.3K

css

css-animations

by @heygen-com

为 HyperFrames 提供 CSS 动画适配模式，支持确定性地查找 CSS 关键帧、动画延迟和填充模式，用于预览和渲染。适用于简单的、固定时长的装饰性动画，如循环、遮罩和微妙的视差效果。

4.7(120)

72.3K

tailwind

by @heygen-com

为 HyperFrames 项目集成 Tailwind CSS v4 浏览器运行时，编写实用类、配置 CSS 优先主题令牌并调试样式缺失。

4.7(120)

70.6K

animation

animejs

by @heygen-com

此技能为HyperFrames提供Anime.js适配模式，使动画和时间线可被HyperFrames精确控制。它确保动画可寻址、确定性播放，并支持将Anime.js示例转换为渲染安全的HyperFrames HTML，简化动画集成。

4.7(120)

70.0K

threejs

three

by @heygen-com

HyperFrames 的 Three.js 适配器，用于创建确定性的 Three.js 场景、WebGL 画布层、动画时间线、摄像机运动和着色器驱动的视觉效果。它响应 HyperFrames 的 hf-seek 事件，确保精确渲染，适用于产品展示、粒子效果和 GLTF 动画。

4.7(120)

69.3K

lottie

by @heygen-com

Lottie 和 dotLottie 适配器模式，用于 HyperFrames。此技能可用于嵌入 lottie-web JSON 动画、.lottie 文件，或注册实例以实现动画的确定性播放。它确保了动画在 HyperFrames 中的精确控制和同步，适用于 logo 揭示、UI 动效和 After Effects 导出内容的集成，提升了前端动画开发的效率和质量。

4.7(120)

69.1K

web-animations

waapi

by @heygen-com

HyperFrames 的 Web Animations API 适配器，实现浏览器原生动画的确定性渲染和精确寻帧控制。

4.7(120)

68.7K

motion

motion-doctrine

by @heygen-com

此技能是 HyperFrames 的运动法则网关，为多场景视频定义统一的运动向量法则（方向、速度、相位），确保场景切换如同单一连续镜头，消除视觉断裂和晃动。适用于动画制作、视频过渡自动化、多场景一致性保障。

4.7(120)

60.4K

captions

captions-overlay

by @heygen-com

此技能为视频字幕叠加提供规范，定义三种字幕模式（drop/rail/embed）以及字幕作为覆盖层的布局规则，避免常见错误如过度嵌入和画面偏移，适用于解说视频、产品发布视频等场景，确保专业构图。

4.7(120)

60.3K

motion-graphics

cut-the-curve

by @heygen-com

此技能提供了一套完整的运动图形转场技术目录，包括五种速度匹配的SEAM转场（缩放穿越、逆缩放穿越、切曲线、瀑布切割、跟焦模糊切割）以及两种场景内动画技术（瀑布入场、微调滑动）。适用于视频编辑师和动画师创建电影级动态转场，确保切割点两侧速度和方向匹配，提升视觉流畅度。

4.7(120)

60.1K

video-editing

seam-craft

by @heygen-com

此技能用于确保视频场景间转场渲染的正确性，防止因背景透明导致的白色闪烁，并自动处理重叠包装器的合成规则。适用于视频编辑、渲染管线及时间线组装，提升转场视觉效果质量。

4.7(120)

59.8K

changelog

changelog-video

by @heygen-com

此技能将周报/变更日志 Markdown 自动转化为品牌化视频（1080p正方形，45-60秒，内置动画背景、模拟UI可视化、低调字幕），并绑定特定配音与配色方案。适用于需要定期制作产品更新视频的团队，无需手动设计动画与剪辑。

4.7(120)

59.7K

cursor-animation

oversized-cursor

by @heygen-com

生成超大鼠标指针动画，用于引导观众视线、触发场景转换和提升视频动感。通过真实物理进入、点击触发和离场，为启动视频提供低成本高收益的视觉动效。

4.7(120)

59.7K

hyperframes

contribute-catalog

by @heygen-com

这个技能指导用户如何为 HyperFrames 仓库贡献新的注册表块（如字幕样式、VFX效果）或组件（如文本效果、叠加层）。它涵盖从构思到PR合并的完整工作流程，确保贡献符合规范。

4.7(120)

55.5K

webgpu

typegpu

by @heygen-com

为 HyperFrames 提供 TypeGPU 和原生 WebGPU 适配器，用于创建 GPU 渲染的合成内容。支持 WGSL 片段着色器、计算管线、液态玻璃效果、粒子系统等，使 canvas 层能够响应 HyperFrames 的 hf-seek 事件，实现精确的 GPU 帧渲染和动画同步。

4.7(120)

51.0K

video-editing

graphic-overlays

by @heygen-com

此技能通过在现有视频上叠加定时设计的图形卡片（如标题、下三分之一字幕、数据标注、引用等），来包装和增强视频内容。它根据视频转录内容自动设计并生成每张卡片的HTML，最终渲染为MP4。该 Skill 极大地简化了视频后期制作中添加专业视觉元素的工作，提升视频的专业度和吸引力。

4.6(120)

29.1K

ai-video-generation

heygen

by @heygen-com

已弃用，请使用 `create-video` 替代

4.3(44)

1.7K

video-localization

video-translate

by @heygen-com

专注于视频内容的翻译与多语言配音，能够将现有视频快速本地化，支持多种语言，拓展视频内容的全球受众。

4.3(38)

1.2K

liveavatar

liveavatar-integrate

by @heygen-com

扫描现有代码库自动识别技术栈，为产品推荐并落地最合适的 LiveAvatar 实时口型数字人集成路径（Embed / FULL / LITE 等），覆盖自定义 LLM、自定义 TTS、ElevenLabs 代理与自带 WebRTC 等场景。开发者无须逐页啃文档、逐个试错，即可快速把会说话、能对视的实时视频数字人接入自己的应用。

4.3(120)

1.1K

video-processing