搜索
搜索结果
61 results for "hyperframes"

video-hyperframes
Hyperframes / Remotion-compatible continuous frame animation with autoplay support.
nexu-io
hyperframes-studio
Use when building or editing a HyperFrames project that people open in Studio: how the timeline should be laid out so it reads well (one caption track, one element kind per track, every scene a sub-composition) and where captions and key content may sit (safe zones). Don't use for how to perform an individual edit (split, trim, retime, volume, copy, swap): that is `creator-editing-recipes.md` in `/hyperframes-core`.
heygen-com
hyperframes-audio
Use when audio already placed in a HyperFrames composition needs to be mixed: a music bed that fights a voiceover (voiceover carve), effects on a track (EQ, compressor, limiter, gate, saturation, delay, reverb, chorus, phaser, bitcrush), or automation envelopes drawn on a track's volume or any effect parameter. Don't use for sourcing or generating audio — finding BGM, SFX, or making a voiceover is `/media-use`. Don't use for clip timing or track layout, which is `/hyperframes-core`.
heygen-com
gsap
GSAP动画参考,适用于HyperFrames。涵盖gsap.to()、from()、fromTo()、缓动、交错、默认值、时间线(gsap.timeline()、位置参数、标签、嵌套、播放控制)以及性能优化(变换、will-change、quickTo)。在HyperFrames组合中编写GSAP动画时使用。
heygen-com
website-to-hyperframes
抓取网页并生成 HyperFrames 视频。适用场景:(1) 用户提供 URL 并希望生成视频;(2) 用户提出“抓取这个网站”、“把这个变成视频”、“用我的网站做个宣传片”;(3) 用户想基于现有网站生成社交广告、产品导览或任何视频;(4) 用户发送链接并索求任何类型的视频内容。哪怕用户仅仅粘贴了一个 URL,也请使用此 Skill。
heygen-com
captions-overlay
嵌入式字幕工作流的叠加层原则——字幕模型(丢弃/轨道/嵌入)以及字幕是叠加在影片之上的叠加层,绝不是需要上移内容来预留的底部保留带的规则。在向人物访谈或发布视频添加字幕时,在决定某个短语应被丢弃、保留原样轨道或提升为稀缺的嵌入式高潮时,在布局将包含字幕的构图时(不要预留保留带),或在字幕下将构图居中于真实帧中心时加载。引用自 embedded-captions 的轨道+嵌入模型以及 product-launch-video 场景代理的约束 #13(字幕叠加层,保留带已弃用)。在 embedded-captions 之上应用。
heygen-com
motion-doctrine
GATEWAY — 在创作任何 HyperFrames 动画或视频前,请先加载此技能。这是一条高级运动法则,能让多场景视频感觉像是一次连续的摄像机运动,而非一堆独立动画幻灯片的堆叠。涵盖向量法则(如何退出决定如何进入,包括 Z 轴缩放符号规则)、影片流向、载体元素、因果运动、接缝门(构建-门控强制)、禁止空闲抖动(运动必须执行,而非呼吸)、高潮前的静止以及持续运动路径。指向底层技术技能(cut-the-curve — 完整目录,包括瀑布式入场 + 微调曲线、oversized-cursor、seam-craft)。这些规则取代通用/上游运动指导。[连续性、方向、向量、动量、接缝、过渡、缓动、表现、空闲运动、叙事运动、电影语法]
heygen-com
cut-the-curve
技术目录:五种速度匹配的SEAMS(缩放穿越、反向缩放穿越、切曲线、瀑布切、拉焦模糊切)加上两种场景内技术——瀑布入场(用于标题卡/片段开场的交错到达级联)和微推曲线(慢-快-慢三阶段组滑动)。涵盖部分行程(约12%帧)通过镜像power4缓动实现速度匹配、Z轴缩放符号规则、尺寸缩放模糊(10px文字/18-20px全帧)、逐词交错剪切、按元素权重调整级联节奏,以及10/65/25滑动比例。在编写任何过渡、文字节拍交接、动态文字入场或组重新定位之前请先阅读。[深度, 缩放, 反向缩放, 缩放符号, 镜像缩放, 拉焦, 节奏, 速度, 切曲线, 瀑布, 交错, 级联, 动态文字, 标题卡, 片段开场, 微推, 滑动, 缓动, 组运动, Z深度, 动态图形, 电影感, 过渡, 模糊, 方向连续性]
heygen-com
changelog-video
将每周更新日志 .md 文件转换为完整的品牌化更新日志视频(方形1080p,约45-60秒,Annie配音,动画品牌背景,模拟UI可视化,低调字幕)。当用户提供更新日志/摘要markdown并希望生成每周视频,或说“更新日志视频”时使用。自包含——字体、背景、词典和脚本均随技能一起提供。
heygen-com
seam-craft
场景间拼接的渲染正确性准则,适用于 HyperFrames 发布视频中的场景过渡——确保过渡在主时间线上正确合成的先决条件。在组装主时间线 / index.html 时加载;当剪切或交叉淡入淡出拼接处出现白色闪光(尤其在暗色影片上)时加载;在推理过渡不透明度下降为何透出时加载;或在验证重叠场景包装器如何混合的渲染端机制时加载。涵盖不透明舞台背景(#root 背景)白色闪光防护,以及注入器如何重叠包装器、保持最终帧、乒乓轨道、并将无 lint 错误的模板代码印刻到主时间线上。不包含每个过渡的目录——请参阅过渡注册表以获取单个过渡条目。
heygen-com
oversized-cursor
超大macOS光标技术,用于HyperFrames启动视频。当场景涉及光标或指针引导操作、启动UI场景、通过点击触发变形/过渡/打字动画、或场景显得静态/死板/陈旧需要低成本高收益的运动来引导观众视线并脱离陈旧状态时加载。涵盖光标大小/外观(包括品牌主题光标)、屏幕外进入规则、尖端定位与点击、点击触发下一节拍、以及退出/跨场景交接。
heygen-com
hyperframes-keyframes
当 HyperFrames 合成需要可搜索的 2D/3D 关键帧、GSAP 时间线、CSS 关键帧、Anime.js、WAAPI、FLIP、路径、蒙版、SVG 变形/绘制、文本轨迹、3D 深度或 `hyperframes keyframes` 诊断时使用。不要用于广泛的场景策略、品牌设计、媒体来源、字幕或一般视频规划。
heygen-com
figma
将 Figma 内容导入 HyperFrames 合成——渲染资源、品牌令牌、组件、故事板章节 → 重构动画(帧作为状态读取,而非幻灯片)(REST/CLI)、Figma Motion 动画(MCP)和着色器(MCP 源/原生导出)。当用户粘贴 figma.com 链接或要求将 Figma 设计、画框、Logo、品牌或动画导入视频/合成时使用。
heygen-com
music-to-video
当用户提供音乐曲目(音频文件或需要提取音频的视频)并希望生成与节拍同步的 HyperFrames 视频时使用,风格从平静到强烈均可。音乐驱动一切:一个分析器一次性读取音乐,编排器布局帧并填充每帧计划,一个子代理构建每帧。排版和模板是基础——完整视频无需任何素材——但用户提供的任何图片或视频都会在同一节拍网格上(节拍剪辑/肯·伯恩斯效果)切入帧中。类型(歌词视频、幻灯片、动态宣传片)由每帧的选择决定;流程从不分支。
heygen-com
talking-head-recut
对现有的口播/访谈/播客视频进行视觉包装:在完整播放的原视频上,结合逐字稿时间轴,叠加设计感十足且时序对齐的图文卡片(包括标题、下三分之一花字/人名条、数据高亮、名言金句、侧边栏、画中画等)。原视频全程完整播放;Agent 会在对话中直接设计并编写每张卡片的 HTML,再通过 hyperframes 渲染导出为 MP4。适用于用户要求“视频图文包装”、“添加花字/人名条/数据卡片/动态标题”、“帮我的视频做个包装/美化”、“加点浮窗卡片/图文卡片”,或对已有视频进行 AI 视觉包装的场景。不适用于纯字幕生成(请用 embedded-captions)或凭空从零制作视频(请用 creation 工作流);如果不确定该选图文包装还是纯字幕,请参阅 /hyperframes。
heygen-com
slideshow
编写 HyperFrames slideshow 合成组件 —— 包含独立幻灯片、分步渐显(fragment reveals)、分支序列(branching sequences)以及热点导航(hotspot navigation)的演示文稿、Pitch Deck(商业计划书)或交互式 Slide 幻灯片。当用户请求制作演示文稿、Pitch Deck、幻灯片(slide deck)、交互式 Deck 或将网页转换为幻灯片且可能需要制作成 slideshow 时,用作意图确认;如果用户没有明确要求制作 slideshow / slide show,在开始编写前需先向用户确认。
heygen-com
hyperframes-animation
HyperFrames 的所有动画知识——原子运动规则、多阶段场景蓝图、场景过渡、更广泛的动效设计技巧,以及七种运行时适配器(默认 GSAP,外加 Lottie、Three.js、Anime.js、CSS 关键帧、Web Animations API、TypeGPU)。用于任何动效或动画任务:选择 2-4 条规则进行组合,或加载蓝图,或查询运行时特定 API(例如 GSAP 缓动函数 / Lottie 播放器 / Three.js 混合器)。HyperFrames 原生特性:单一暂停时间线,可安全定位,确定性。
heygen-com
hyperframes-core
HyperFrames 合成规范——构建一个可渲染的项目。用于合成结构、`data-*` 时间属性、`class="clip"`、轨道、子合成、变量、框架拥有的媒体播放、确定性渲染规则和验证。在编写合成 HTML 之前请先阅读。
heygen-com
motion-graphics
当用户想要一个简短、以设计为主导的动态图形时使用,其中运动本身就是信息:动态排版、统计数据或数字计数、图表/数据可视化展示、Logo 出场、品牌组合、下三分之一标题、标注、社交媒体叠加层、动画标题/推文/新闻条目、动态海报或快速捕获的页面高亮。通常时长在10秒以内,最长约30秒,没有叙事弧线、画外音或真人拍摄主体。可渲染为MP4或透明叠加层。不适用于较长、多场景、带旁白或品牌宣传片的作品(请使用 /general-video)、带旁白的网站视频(/website-to-video)、主题讲解(/faceless-explainer)、产品推广(/product-launch-video)、公关视频(pr-to-video)或为现有素材添加字幕(/embedded-captions)。如果不确定是快速动态优先的作品还是较长/带旁白的处理方式,请参阅 /hyperframes。
heygen-com
hyperframes-creative
HyperFrames视频的非动画创意指导。用于设计规范(frame.md / design.md)处理、调色板、排版、旁白、节拍规划、音频响应式视觉、构图模式以及品牌/风格决策。对于原子运动模式和场景蓝图,请使用`hyperframes-animation`。
heygen-com
general-video
用于创作自定义 HyperFrames 视频合成(任意长度或格式)的通用工作流——适用于较长或多场景作品、品牌/精彩集锦、蒙太奇、标题卡片、静态循环及自由形式合成。与输入和长度无关。如果某个专门工作流明显适合输入(如已上市产品、网站、主题讲解、GitHub PR、现有素材、短动态图形或 Remotion 移植),则优先使用该工作流(参见 /hyperframes);仅当无合适工作流时,才将此作为通用回退方案。
heygen-com
website-to-video
抓取通用网站/URL 并将其转换为 HyperFrames 视频(基于网站自身视觉元素制作的网站巡览、展示视频或社媒短片)。使用无头 Chrome 截图 + 品牌资产。适用于通用展示需求——如作品集、博客、落地页展示或网站社媒剪辑。不适用于:产品/SaaS 发布或宣传(→ /product-launch-video,即使有 URL 也用此项);无网站的主题讲解视频(→ /faceless-explainer);GitHub PR(→ /pr-to-video);为已有视频添加字幕(→ /embedded-captions);无配音的短版页面高亮动态图形(→ /motion-graphics)。如果不确定属于产品发布还是通用网站展示?提一个问题澄清,或先查看 /hyperframes。
heygen-com
graphic-overlays
对现有的口播、访谈或播客视频进行精美包装:根据逐字稿时间轴,在完整播放的源视频上叠加精心设计的动态图形卡片(如标题、人名条、数据标注、金句卡、侧边栏、画中画等)。源视频全程完整播放;Agent 会在对话中设计并直接编写每张卡片的 HTML 代码,最后通过 hyperframes 渲染导出为 MP4。当用户需要添加视觉贴片、屏幕花字/人名条/数据高亮/动态标题,或提出“帮我包装/美化视频”、“添加图形卡片”,以及对现有视频进行 AI 视觉包装时使用。注意:本 Skill 不适用于生成纯字幕(请使用 → embedded-captions)或从零从头制作视频(请使用 → 创建类工作流 creation workflows);若无法确定使用贴片还是字幕,请先参考 /hyperframes。
heygen-com
product-launch-video
将产品、营销URL、粘贴的脚本或简报转化为产品发布视频,包括SaaS宣传片、功能展示、应用发布、公司宣传和产品营销视频。当用户想要营销、发布、推广或展示产品时使用此技能。请勿用于一般的非发布类网站导览、非产品主题的解说视频、GitHub拉取请求、为现有素材添加字幕或短篇无旁白动态图形。如果意图不明确,请先通过/hyperframes路由。
heygen-com