用途:这是 HyperFrames 的起始技能,用于在接到制作、生成、编辑、动画或渲染视频、动画、动态图形、解说、标题卡、叠加层、字幕等请求时,先确定应进入哪个子技能。尤其在没有项目级代理配置(CLAUDE.md / AGENTS.md / .cursorrules)时从这里开始。
主要能力:提供能力地图,按意图指向子技能——HTML 合成编写与编辑用 /hyperframes-core;动画规则、场景蓝图、过渡与运行时适配(GSAP / Lottie / Three.js / Anime.js / CSS / WAAPI / TypeGPU)用 /hyperframes-animation;创意方向(design.md、配色、排版、旁白、节拍规划、音频响应)用 /hyperframes-creative;媒体预处理(TTS 配音、背景音乐、转写、去背景、字幕)用 /hyperframes-media;CLI 开发循环(init、lint、validate、inspect、preview、render、publish、doctor)用 /hyperframes-cli;安装注册表区块与组件(hyperframes add)用 /hyperframes-registry。合成编写契约(每个定时元素需 data-start / data-duration / data-track-index,定时元素需 class="clip",GSAP 时间线暂停并注册到 window.__timelines,逻辑须确定性,禁止 Date.now() / Math.random() / 网络)不在此重复,位于 /hyperframes-core。
使用方式:先判断输入类型与目标时长,再按路由表选择工作流。产品发布(URL / 简报 / 脚本)用 /product-launch-video;一般网站 / URL 用 /website-to-video;GitHub PR / 代码变更用 /pr-to-video;主题 / 文章 / 笔记(无产品、无 URL)用 /faceless-explainer;已有口播视频按意图分为 /embedded-captions(字幕)或 /graphic-overlays(图形叠加)。约 3 分钟以内由专门工作流处理;3-5 分钟教程、5 分钟以上深度内容及静态 / 循环格式用 /general-video。约 10 秒以内、无旁白、设计主导的动态图形(动态字体、数据动画、logo 动画、下三分之一、叠加层、动画推文 / 标题 / 网页高亮)走 /motion-graphics。显式要求迁移 Remotion 合成时用 /remotion-to-hyperframes。
适用场景:从 URL、简报、主题、GitHub PR、已有素材或单个待动画元素制作视频;为已有口播视频加字幕或图形叠加;将 Remotion 源码翻译为 HyperFrames。
限制:渲染是确定性的、自包含的,所有值、素材与文本在编写时烘焙,渲染时不发起网络请求、不拉取实时数据;已有视频只能叠加,不能编辑其画面本身(时序、颜色、构图、顺序、音频属 NLE 式编辑,超出范围);Remotion 导入是单向的;无法生成其没有的输入,如屏幕 / 会话录制、摄像头采集、AI 口播 / 唇形同步头像。若输入类型或主题不明确,应先提问澄清,最多两个问题;规格默认值(16:9、旁白语言同用户)直接说明而非询问。