搜索
搜索结果
54 results for "hyperframes"
gsap
GSAP animation reference for HyperFrames. Covers gsap.to(), from(), fromTo(), easing, stagger, defaults, timelines (gsap.timeline(), position parameter, labels, nesting, playback), and performance (transforms, will-change, quickTo). Use when writing GSAP animations in HyperFrames compositions.
heygen-comwebsite-to-hyperframes
Capture a website and create a HyperFrames video from it. Use when: (1) a user provides a URL and wants a video, (2) someone says \"capture this site\", \"turn this into a video\", \"make a promo from my site\", (3) the user wants a social ad, product tour, or any video based on an existing website, (4) the user shares a link and asks for any kind of video content. Even if the user just pastes a URL — this is the skill to use.
heygen-comcaptions-overlay
Overlay doctrine for the embedded-captions workflow — the caption MODEL (drop / rail / embed) and the rule that captions are an OVERLAY composited on top of the film, never a reserved bottom band you shift content up to avoid. Load when adding captions/subtitles to a talking-head or launch video, when deciding whether a phrase should be dropped, ride the verbatim rail, or be promoted to a scarce embedded climax, when laying out a composition that will carry captions (do NOT reserve a keep-out band), or when centering a composition on the true frame center under captions. Quotes the rail+embed model from embedded-captions and constraint #13 (captions overlay, keep-out band retired) from the product-launch-video scene agent. Applies ON TOP of embedded-captions.
heygen-commotion-doctrine
GATEWAY — load FIRST before composing any HyperFrames animation or video. The high-level motion law that makes a multi-scene video feel like ONE continuous camera move instead of a stack of independently-animated slides. Covers the vector law (how you exit determines how you enter, incl. the Z scale-sign rule), the film's current, carrier elements, causal motion, the Seam Gate (build-gate enforcement), the ban on idle wobble (motion must PERFORM, not breathe), stillness-before-climax, and the sustained-motion routes. Routes to the low-level technique skills (cut-the-curve — the full catalog incl. waterfall entry + nudge curve, oversized-cursor, seam-craft). These rules SUPERSEDE generic / upstream motion guidance. [continuity, direction, vector, momentum, seam, transition, ease, performance, idle-motion, narrative-motion, film-grammar]
heygen-comcut-the-curve
The technique catalog: five velocity-matched SEAMS (zoom-through, INVERSE zoom-through, cut-the-curve, waterfall cut, rack-focus blur-cut) plus the two in-scene techniques — waterfall ENTRY (staggered arrival cascades for title cards / segment openers) and the nudge curve (slow-fast-slow three-phase group slides). Covers partial-travel (~12% of frame) velocity matching via mirrored power4 eases, the Z scale-sign rule, size-scaled blur (10px text / 18-20px full-frame), word-by-word staggered cuts, cascade pacing by element weight, and the 10/65/25 slide ratio. Read before authoring any transition, text-beat handoff, kinetic text entry, or group reposition. [depth, zoom, inverse-zoom, scale-sign, mirrored-zoom, rack-focus, pacing, velocity, cut-the-curve, waterfall, stagger, cascade, kinetic-text, title-card, segment-opener, nudge, slide, easing, group-motion, z-depth, motion-graphics, cinematic, transition, blur, directional-continuity]
heygen-comchangelog-video
Turn a weekly changelog .md into a finished branded changelog video (square 1080, ~45-60s, Annie VO, animated brand background, mock-UI visualizations, lowkey captions). Use when the user provides a changelog/digest markdown and wants the weekly video, or says "changelog video". Self-contained — fonts, background, lexicon, and scripts ship in this skill.
heygen-comseam-craft
Render-correctness doctrine for scene-to-scene seams in HyperFrames launch videos — the prerequisites that make transitions composite correctly on the master timeline. Load when assembling the master timeline / index.html, when a white flash appears at a cut or crossfade seam (especially on dark films), when reasoning about why a transition opacity dip shows through, or when verifying the render-side mechanics of how overlapping scene wrappers blend. Covers the opaque stage-ground (#root background) white-flash guard and how the injector overlaps wrappers, holds final frames, ping-pongs tracks, and stamps lint-clean template code onto the master timeline. Does NOT contain the per-transition catalog — see the transition registry for individual transition entries.
heygen-comoversized-cursor
House-style oversized macOS cursor technique for HyperFrames launch videos. Load whenever a scene involves cursors or a pointer-led action, when kicking off a UI scene, when igniting a morph/transition/typing run with a click, or when a scene reads as static, dead, or stale and needs a cheap high-yield source of motion to carry the viewer's eye and segment them out of the stale state. Covers cursor size/look (incl. brand-motif cursors), the off-screen entry law, tip-targeting and the click tap, click-ignites-the-next-beat, and exit / cross-scene handoff.
heygen-comhyperframes-keyframes
当 HyperFrames 合成需要可搜索的 2D/3D 关键帧、GSAP 时间线、CSS 关键帧、Anime.js、WAAPI、FLIP、路径、蒙版、SVG 变形/绘制、文本轨迹、3D 深度或 `hyperframes keyframes` 诊断时使用。不要用于广泛的场景策略、品牌设计、媒体来源、字幕或一般视频规划。
heygen-comfigma
将 Figma 内容导入 HyperFrames 合成——渲染资源、品牌令牌、组件、故事板章节 → 重构动画（帧作为状态读取，而非幻灯片）（REST/CLI）、Figma Motion 动画（MCP）和着色器（MCP 源/原生导出）。当用户粘贴 figma.com 链接或要求将 Figma 设计、画框、Logo、品牌或动画导入视频/合成时使用。
heygen-commusic-to-video
当用户提供音乐曲目（音频文件或需要提取音频的视频）并希望生成与节拍同步的 HyperFrames 视频时使用，风格从平静到强烈均可。音乐驱动一切：一个分析器一次性读取音乐，编排器布局帧并填充每帧计划，一个子代理构建每帧。排版和模板是基础——完整视频无需任何素材——但用户提供的任何图片或视频都会在同一节拍网格上（节拍剪辑/肯·伯恩斯效果）切入帧中。类型（歌词视频、幻灯片、动态宣传片）由每帧的选择决定；流程从不分支。
heygen-comtalking-head-recut
Package an existing talking-head / interview / podcast video by layering timed, designed GRAPHIC OVERLAY cards onto the playing video — titles, lower-thirds, data callouts, quotes, side panels, picture-in-picture — synced to the transcript. The source video plays in full; the agent designs and writes each card's HTML in conversation, then renders to MP4 via hyperframes. Use when the user asks for graphic overlays, on-screen graphics / lower-thirds / data callouts / kinetic titles on a video, "package / dress up my video", "add overlay cards / graphic cards", or AI-composed graphic packaging of an existing video. NOT for plain subtitles (→ embedded-captions) or building a video from scratch (→ the creation workflows); when unsure overlays-vs-captions, see /hyperframes.
heygen-comslideshow
>
heygen-comhyperframes-animation
HyperFrames 的所有动画知识——原子运动规则、多阶段场景蓝图、场景过渡、更广泛的动效设计技巧，以及七种运行时适配器（默认 GSAP，外加 Lottie、Three.js、Anime.js、CSS 关键帧、Web Animations API、TypeGPU）。用于任何动效或动画任务：选择 2-4 条规则进行组合，或加载蓝图，或查询运行时特定 API（例如 GSAP 缓动函数 / Lottie 播放器 / Three.js 混合器）。HyperFrames 原生特性：单一暂停时间线，可安全定位，确定性。
heygen-comhyperframes-core
HyperFrames 合成规范——构建一个可渲染的项目。用于合成结构、`data-*` 时间属性、`class="clip"`、轨道、子合成、变量、框架拥有的媒体播放、确定性渲染规则和验证。在编写合成 HTML 之前请先阅读。
heygen-commotion-graphics
当用户想要一个简短、以设计为主导的动态图形时使用，其中运动本身就是信息：动态排版、统计数据或数字计数、图表/数据可视化展示、Logo 出场、品牌组合、下三分之一标题、标注、社交媒体叠加层、动画标题/推文/新闻条目、动态海报或快速捕获的页面高亮。通常时长在10秒以内，最长约30秒，没有叙事弧线、画外音或真人拍摄主体。可渲染为MP4或透明叠加层。不适用于较长、多场景、带旁白或品牌宣传片的作品（请使用 /general-video）、带旁白的网站视频（/website-to-video）、主题讲解（/faceless-explainer）、产品推广（/product-launch-video）、公关视频（pr-to-video）或为现有素材添加字幕（/embedded-captions）。如果不确定是快速动态优先的作品还是较长/带旁白的处理方式，请参阅 /hyperframes。
heygen-comhyperframes-creative
HyperFrames视频的非动画创意指导。用于设计规范（frame.md / design.md）处理、调色板、排版、旁白、节拍规划、音频响应式视觉、构图模式以及品牌/风格决策。对于原子运动模式和场景蓝图，请使用`hyperframes-animation`。
heygen-comgeneral-video
用于创作自定义 HyperFrames 视频合成（任意长度或格式）的通用工作流——适用于较长或多场景作品、品牌/精彩集锦、蒙太奇、标题卡片、静态循环及自由形式合成。与输入和长度无关。如果某个专门工作流明显适合输入（如已上市产品、网站、主题讲解、GitHub PR、现有素材、短动态图形或 Remotion 移植），则优先使用该工作流（参见 /hyperframes）；仅当无合适工作流时，才将此作为通用回退方案。
heygen-comwebsite-to-video
Capture a general website/URL and turn it into a HyperFrames video (site tour, showcase, or social clip from the site's own visuals). Uses headless Chrome screenshots + brand assets. Use when intent is general — portfolio/blog/landing-page showcase or social clip from the site. NOT for: product/SaaS launch or promo (→ /product-launch-video, even from a URL); topic explainer with no site (→ /faceless-explainer); GitHub PR (→ /pr-to-video); adding captions to existing video (→ /embedded-captions); short unnarrated page-highlight motion graphic (→ /motion-graphics). Unclear launch-vs-general-site? Ask one question or start at /hyperframes.
heygen-comgraphic-overlays
Package an existing talking-head / interview / podcast video by layering timed, designed GRAPHIC OVERLAY cards onto the playing video — titles, lower-thirds, data callouts, quotes, side panels, picture-in-picture — synced to the transcript. The source video plays in full; the agent designs and writes each card's HTML in conversation, then renders to MP4 via hyperframes. Use when the user asks for graphic overlays, on-screen graphics / lower-thirds / data callouts / kinetic titles on a video, "package / dress up my video", "add overlay cards / graphic cards", or AI-composed graphic packaging of an existing video. NOT for plain subtitles (→ embedded-captions) or building a video from scratch (→ the creation workflows); when unsure overlays-vs-captions, see /hyperframes.
heygen-comproduct-launch-video
将产品、营销URL、粘贴的脚本或简报转化为产品发布视频，包括SaaS宣传片、功能展示、应用发布、公司宣传和产品营销视频。当用户想要营销、发布、推广或展示产品时使用此技能。请勿用于一般的非发布类网站导览、非产品主题的解说视频、GitHub拉取请求、为现有素材添加字幕或短篇无旁白动态图形。如果意图不明确，请先通过/hyperframes路由。
heygen-comembedded-captions
为人物出镜视频添加字幕。一个目录（CATALOG.md）包含32种视觉身份，背后有两种引擎：列流（字幕合成到场景中——遮罩遮挡+混合模式；cream/ink/editorial/keynote/documentary/loud/neon/glitch/chrome/velocity）和主题构成（anchor/ordnance/terminal/neonsign/stardust/stomp/scoreboard/transit/vhs/arcade/dossier/laser/thunder/hologram/biolume/aurora/spectrum/papercut/popup/chalkboard/graffiti/brush/inkwater/ransom/lastpage/nightcity——例如，字形解码高潮、霓虹灯逐笔书写，或安静的`anchor`轨道默认）。按身份路由，而非按模式。触发词为“captions/subtitles”、“embed/cinematic captions”、“VFX captions”、“炸/特效/酷炫字幕”、命名身份或顶级动态图形需求。对大多数人物出镜内容而言，嵌入每个词是错误的——`anchor`是逐字默认。流程：转录→hyperframes remove-background抠图→HTML渲染→ffmpeg叠加。需要hyperframes和单主体片段。
heygen-comfaceless-explainer
将任意文本（文章、笔记、主题、简报）转化为无人物出镜的解说视频，时长最长约3分钟（最佳30-90秒），所有视觉元素均为原创（排版、抽象图形、图表、数据可视化），而非实拍素材。不涉及URL、网站抓取或真实资产。此技能适用于主题解说、概念拆解、教程、列表文章和叙事型解说。请勿用于产品发布/推广（请使用/product-launch-video）、真实网站导览（请使用/website-to-video）、GitHub PR（请使用/pr-to-video）、现有素材加字幕（请使用/embedded-captions）或短篇无旁白动态图形（请使用/motion-graphics）。若意图不明确，请先通过/hyperframes路由。
heygen-compr-to-video
将 GitHub 拉取请求（PR URL，如 github.com/<owner>/<repo>/pull/<N>，或 <owner>/<repo>#<N> 引用，或已检出仓库中的 'this PR'）转换为代码变更解说视频，时长最长约 3 分钟（最佳时长 30-90 秒）—— 变更日志、功能展示、修复或重构讲解，基于 diff/提交/文件渲染。输入是通过 gh CLI 读取的代码变更，不涉及网站捕获。此技能用于 GitHub PR。请勿用于产品发布/推广（使用 /product-launch-video）、真实网站导览（使用 /website-to-video）、无 PR 的主题讲解（使用 /faceless-explainer）、现有素材的字幕（使用 /embedded-captions）或短篇无旁白动态图形（使用 /motion-graphics）。若意图不明确，请先通过 /hyperframes 路由。
heygen-com