用途：制作富有表达力、以概念驱动的动态插画，即“动态平面 / motion graphic”。适合短片式品牌或艺术片段、视觉隐喻、诗意的氛围“运动诗”，以及“AI 生成视觉 + 代码运动”的混合作品。不适合：数据可视化（用 chart-animation）、纯标题文字（用 kinetic-typography）、3D / GLSL / 重粒子系统（用 webgl-animation）。
主要能力：用 AI 分别生成矢量元素（Recraft v4.1 SVG）与绘画质感（图像模型），去除背景得到透明素材，再用代码在 canvas 上放置并逐帧动画，最后合成音乐并导出 MP4。
必要用法：渲染无需 API Key，需要 Node + playwright-core（自动获取 Chromium）+ ffmpeg。AI 生成需要 Key，最简为设置 OPENROUTER_API_KEY：矢量用 recraft/recraft-v4.1-vector，绘画质感用 google/gemini-2.5-flash-image，音乐用 google/lyria-3-clip-preview（音频需 stream: true）。可选 REPLICATE_API_KEY（更便宜的 Recraft）或 GEMINI_KEY。也可自带素材与音乐，跳过生成。核心规则：不要动画化一整张大图，而是生成许多独立小元素，让代码整体移动每一个。使用确定性 seek 工具：window.__T = totalSeconds; window.__seek = (t) => render(t); 在加载时渲染 URL 中 t 指定的帧；Playwright 按 t=0,1/30,… 逐帧截图，再用 ffmpeg 合成（偶数尺寸 + yuv420p）。素材以 base64 data-URI 内联，用 drawImage 在 save/translate/rotate/scale/restore 中绘制，锚点设在运动支点。
限制：AI 图像/矢量模型输出的是未分组的扁平路径，无法在大图内部绑定部件，因此必须在素材之间组织结构；生成时始终加“no text”，文字用代码添加；需要做整段时长的帧校验，避免空白帧与重叠。价格与费用仅为资料给出的参考（Recraft SVG 约 $0.04、Lyria 约几美分），其它费用与平台细节暂未提供。