用途:HyperFrames 以 HTML 作为合成载体,把视频的时间、动画与媒体播放交由框架统一管理,适合制作、编辑、动画化或渲染视频、动效与动态图形(宣传片、解说片、带字幕片段、标题等)。本条目是其本地路由技能,从 heygen-com/hyperframes 镜像而来,按用户意图加载对应子技能。
主要能力与子技能:hyperframes-core 定义编写合成 HTML 的完整契约(data-* 时间、clips、tracks、子合成、变量),写合成前应先读;hyperframes-cli 覆盖 init、add、lint、check、snapshot、preview、render、publish、doctor 等命令及云/Lambda 渲染与排错;hyperframes-animation 提供原子动效规则、多阶段场景蓝图、转场与 GSAP/Lottie/Three.js/Anime.js/CSS/WAAPI/TypeGPU 适配;hyperframes-keyframes 处理可 seek 的 2D/3D 关键帧、GSAP 时间线、FLIP、路径、遮罩、SVG morph、文字与 3D 深度;hyperframes-creative 负责非动画创意方向(frame.md/design.md、配色、排版、旁白、节拍、音频反应);media-use 解析或生成 BGM、音效、图像、图标、品牌 logo、配音、调色、LUT、TTS、转录、抠像、字幕与跨项目复用;hyperframes-registry 安装并接线注册块/组件;figma 导入 Figma 资产、token、组件与故事板并重建动效。
工作流:general-video 为任意长度/格式的通用兜底,含品牌片与 sizzle reel;motion-graphics 做短篇设计驱动动效(动态排版、数字滚动、数据图表、logo sting、下三分之一);slideshow 做幻灯片/演示/交互 deck,含分片揭示、分支与热点导航;product-launch-video 把产品/营销 URL、脚本或简报转成发布/宣传视频;pr-to-video 把 GitHub PR 转成代码变更解说视频;music-to-video 把音乐做成节拍同步视频;faceless-explainer 把文本转成无出镜解说视频;embedded-captions 为口播视频加设计字幕;talking-head-recut 为访谈/播客加定时图文叠加;remotion-to-hyperframes 仅在明确要求时把 Remotion(React)合成迁移为 HyperFrames HTML。
用法与限制:依据用户意图先选工作流,无匹配则回退 general-video;工作流中途会引入领域技能。写合成 HTML 前先读 hyperframes-core。命令统一走 npx hyperframes,除非项目指定本地封装(须严格遵守)。需 Node.js >= 22 与 FFmpeg。镜像更新可用 bash hyperframes/scripts/sync-hyperframes.sh --check 检查、去掉参数同步并备份;上游权威说明见 UPSTREAM-CLAUDE.md 与 UPSTREAM-AGENTS.md。具体收费、价格与效果资料暂未提供。