用途：借助 Claude Code 用代码制作动态设计视频，适合发布视频、产品短片、作品集、动态广告、UI 变形循环、音乐视频、讲解片以及用代码拍成的短片；也可把产品 URL、参考片段或歌曲转成渲染好的 MP4，或搭建修整渲染管线本身。
核心思路：每段视频都是一个程序。模型按时间绘制任意时刻的画面，由无头浏览器或 Node canvas 抓帧，ffmpeg 编码。模型本身不能输出 MP4，只有具备 shell 的智能体才能渲染、听取并查看自己的帧。提示词只占约一成，其余九成是渲染器、声音与评审循环。
可选路线：A. Canvas seek(t) + Playwright + ffmpeg（默认，零依赖、完全可控）；A1. Clawd/p5.brush 卡通；A2. 手绘 Node canvas（无浏览器）；B. HyperFrames（HTML + GSAP，支持字幕、旁白、模板、Studio 编辑）；C. Remotion（React）。Opus 默认走 A 路线，即使装有 Remotion 和 HyperFrames 也会跳过，需要框架时要在需求中明确提出。
HyperFrames 安装：需先与用户确认并安装 Node.js（fnm install --lts 或 brew install node），运行 npx skills add heygen-com/hyperframes 并选择 Core Skills；CI 或非交互刷新用 npx hyperframes skills update。之后开新对话并让它使用 /hyperframes。它无需 React 或构建步骤，采用 Apache 2.0；Remotion 适合已使用 React 的团队。
核心流程：收集输入（产品与 URL、时长、画幅 9:16/1:1/16:9、品牌色与字体、参考素材、音乐或合成）；用 Playwright 截取真实产品图存入 ./assets，不要凭想象重绘 UI；依据参考帧建立风格并写 docs/style_guide.md 与 docs/shotlist.md；用 librosa 把音轨测成 beats.json 或按同一时间线合成音乐与音效；先在节拍网格上展示镜头清单并等待确认再写场景代码；构建带 window.seek(t) 的 index.html，只用闭式弹簧与带种子的噪声；进行评审循环（contact sheet、strip、手机测试，评分 1 至 10，修复最差的 3 项，直到每项不低于 8 分，仅重渲染受影响的秒数）；从一个时间线渲染全部画幅，音频混至 -14 LUFS，交付 final.mp4、contact.png、poster.png。
通用规则：影片只是时间的函数；渲染期间不得使用 CSS 过渡、定时器或 requestAnimationFrame，帧间不保留状态，捕获 canvas 文字前需 await document.fonts.ready。随机数用 mulberry32 等带种子方式，不得用 Math.random。编码为 H.264（libx264）、yuv420p、CRF 16；运动模糊通过每帧渲染 4 个子帧并用 ffmpeg tmix 混合实现。运动用闭式弹簧，多目标值应累加弹簧而非重启，循环末帧需等于首帧。避免 AI 视频常见默认做法（渐变居中标题、全部淡入、四角标签或边框、发光 UI、素材粒子爆发），每 2 至 4 秒出现新内容。除非提供音轨，否则在同一时间线合成配乐与音效，混音至 -14 LUFS。项目根 CLAUDE.md 写入统一规则，每个品牌一个会话，API 密钥放 .env。不同画幅需重新构图，不要把 16:9 裁成竖版。长片是迭代而非一次完成，需先写 docs/ANIMATION_GUIDE.md 再按章节分文件编码。
限制：官方资料未提供具体定价、平台要求、输出时长上限或效果保证等信息。