npm install hyperframes

import { render } from "hyperframes";

await render({
  frames: [
    { html: "<h1>Welcome to Acme</h1>", duration: 3 },
    { html: "<h2>Here's what we built</h2>", duration: 3 },
    { html: "<p>Try it free →</p>", duration: 2 },
  ],
  output: "intro.mp4",
  width: 1080,
  height: 1920, // 9:16竖屏比例
});

npx create-video@latest

export const ProductDemo: React.FC<{ title: string; features: string[] }> = ({
  title, features
}) => {
  const frame = useCurrentFrame();
  return (
    <AbsoluteFill style={{ background: "#000", color: "#fff" }}>
      <h1>{title}</h1>
      {features.map((f, i) => (
        <Sequence from={i * 30} key={i}>
          <p>{f}</p>
        </Sequence>
      ))}
    </AbsoluteFill>
  );
};

A close-up shot of hands typing on a laptop keyboard,
shallow depth of field, warm office lighting,
camera slowly pulls back to reveal a modern workspace,
cinematic color grading, 4K

长内容（播客、网络研讨会、演示）
    ↓
Descript：清理内容、删除冗余、优化
    ↓
Opus Clip：自动提取5-10个最佳片段
    ↓
CapCut：添加字幕、特效、平台风格
    ↓
分发：TikTok、Reels、Shorts、LinkedIn

Agent根据产品背景撰写脚本
    ↓
Hyperframes：生成模板化视频（HTML → MP4）
    和/或
HeyGen MCP：根据脚本生成虚拟形象视频
    和/或
Veo/Runway API：生成B-roll素材
    ↓
Agent组装最终剪辑
    ↓
输出：可直接发布的视频