hyperframes

在 HyperFrames HTML 中创建视频合成、动画、标题卡、叠加层、字幕、旁白、音频响应视觉效果和场景过渡。适用于……

HyperFrames CLI 开发循环 — 使用 `npx hyperframes` 进行脚手架搭建（init）、校验（lint、inspect）、预览、渲染以及环境故障排查（doctor，…

HyperFrames 的 GSAP 动画参考。涵盖 gsap.to()、from()、fromTo()、缓动、交错、默认值、时间轴（gsap.timeline()、位置参数，…

捕获网站并从中创建 HyperFrames 视频。适用场景：(1) 用户提供 URL 并希望生成视频；(2) 用户要求“捕获这个网站”、“将其转换为视频”或“用我的网站制作宣传片”；(3) 用户需要基于现有网站制作社交广告、产品导览或任何视频；(4) 用户分享链接并要求生成任何类型的视频内容。即使用户只是粘贴了一个 URL，也应使用此技能。

安装 registry 块和组件并将其接入 HyperFrames 组合。在运行 hyperframes add、安装块或组件、接入……时使用。

将现有的 Remotion（基于 React）视频组合转换为 HyperFrames HTML 组合。仅在用户明确要求移植、转换…时使用。

适用于 HyperFrames 的 CSS 动画适配器模式。在编写 CSS 关键帧、基于 animation-delay 的时序控制、animation-fill-mode、animation-play-state 或……时使用。

适用于 HyperFrames 的 Anime.js 适配器模式。在 HyperFrames 合成中编写 Anime.js 动画或时间轴，以及在…上注册动画时使用。

HyperFrames 的 Three.js 与 WebGL 适配器模式。适用于创建确定性的 Three.js 场景、WebGL 画布层、AnimationMixer 时间轴、摄像机…

适用于 HyperFrames 的 Lottie 和 dotLottie 适配器模式。在嵌入 lottie-web JSON 动画、.lottie 文件、@lottiefiles/dotlottie-web 播放器等时使用……

适用于 HyperFrames 的 Web Animations API 适配器模式。在编写 element.animate() 动画、Animation currentTime 寻址、document.getAnimations() 等操作时使用，…

适用于 HyperFrames 合成的 Tailwind CSS v4.2 浏览器运行时模式。在搭建或编辑由 `hyperframes init --tailwind` 创建的项目时使用，…

HyperFrames 合成的资产预处理——文本转语音旁白（Kokoro）、音视频转录（Whisper）以及背景移除，用于……

创作一个新的 HyperFrames 注册表区块（字幕样式、VFX 区块、转场、字幕条）或组件（文本特效、叠加层、代码片段），并将其发布为…