开源视频引擎 Framefields 登上 Product Hunt：用 TypeScript 写动效，WebGPU 直出 MP4，专为编程代理设计
开源项目 Framefields 今日出现在 Product Hunt，定位为面向编程代理的代码优先视频引擎：用 TypeScript 描述合成、文字、三维与音效，经本机 WebGPU 直接渲染成帧准确的 MP4，不必再拉起无头 Chromium 逐帧截图。官方称其把合成、动效排版和三维场景装进同一个 npm 包，并以 Apache-2.0 开源；GitHub 仓库 gatewai-dev/framefields 当前约 430 星，状态标注为 beta。
据 Framefields 官网 与 GitHub 仓库 gatewai-dev/framefields，开源视频引擎 Framefields 于 10 月 19 日登上 Product Hunt。它面向 Claude Code、Cursor、Codex 等编程代理：代理写出 TypeScript 合成脚本后，在本机用 WebGPU（经 Dawn，可走 Metal / Vulkan / D3D12）直接渲染，导出硬件加速的 MP4，而不走「无头浏览器排版 → 截图 → FFmpeg」那条常见链路。
主要信息如下：
- 定位：把通常分散在合成、动效排版和三维软件里的能力收进一个 npm 包；代理可以写代码、检查帧网格、无头导出成片；
- 与无头浏览器方案对比（官方说法）：按帧号采样、无墙钟漂移；文字按像素曲线求值；单 worker 内存约 200–400 MB（对比无头 Chromium 约 2–4 GB）；三维、特效和设备端视觉能力内置在包里；
- 能力范围：分辨率无关的矢量文字与 AE 式选择器动画、与二维像素对齐的三维相机与材质、50 多种特效、ONNX 设备端检测/分割/姿态、Lottie 与图表图层、与帧时钟对齐的音轨；
- 上手方式：
pnpm add framefields（需 Node.js ≥ 22）；Claude Code 可用/plugin install framefields，Cursor / Codex 等可用npx skills add gatewai-dev/framefields； - 许可与状态：Apache-2.0；README 标注为 beta。官网演示称在 Apple M1 Pro 上用
framefields@2.1.1渲染 255 帧 1080p 约 2.6 秒，该数字为官方自测。
官方博客 Why framefields for your AI agents（10 月 14 日）更详细地解释了「无头浏览器成本高、不可检」的问题，以及用类型检查、lint、关键帧网格和钉住批注给代理做反馈的分层流程。
对创作者意味着什么： 产品演示、数据图解、品牌动效和需要精确字幕的讲解片，若你已经在用编程代理写代码，Framefields 提供了一条「写脚本 → GPU 出片」的路径，理论上比 Remotion 类方案更省机器资源，也更适合批量、可重复的自动化流水线。它和剪映、CapCut 不是同一类工具：没有时间线 GUI，上手要会 TypeScript 和本机 GPU 环境；beta 阶段稳定性、特效上限和中文排版效果都需自己用真实脚本压测。若你主要做口播出镜短视频，优先看字幕/口型类工具即可；若在做可版本化的系列动效或让 Agent 自动出片，可以把 Framefields 列入和 OpenDesign Motion、Remotion 的对比名单。
信息来源：Framefields 官网与 GitHub 仓库（本文为编辑整理改写）
