framefields

framefields 评测：让编程代理用代码生成视频、图像与3D的WebGPU引擎

结论框（Verdict Box）

§1. 信任声明

本次核验由编辑团队基于官方文档站、功能说明、模型列表与开源仓库公开材料整理，未接受厂商付费改写结论。测试方法以公开材料核对为主，未做同环境实测——该工具依赖 WebGPU 运行时与 TypeScript/Node 工程，且部分能力（AI Gateway、ONNX 视觉）需在真实环境调用，难以在通用评测环境复现完整链路。所有可量化结论均标注来源编号，未核实项如实标注。

§2. 极简结论（TLDR）

• 最适合：用 Claude Code、Codex、Cursor、Gemini CLI 等代理，以代码方式程序化产出视频、广告图、动态标题与3D内容的开发者与创意技术团队。
• 最不适合：不使用 WebGPU 兼容环境、或不以代码/代理方式创作视觉内容的普通用户。
• 值不值：核心引擎 Apache-2.0 完全免费，AI Gateway 按量预付费无订阅，长期成本可控。
• 买不买：开源可自托管，直接 npm 安装试用；API 部分按需充值即可。

§3. framefields 是什么

它是一个由 TypeScript 驱动、直接渲染到像素的 WebGPU 引擎，覆盖视频制作、图像编辑与动态图形，并附带一个生成式 AI 网关。官方标语是「让你的编程代理可以编写、检查并发布的视频」[1]。一句话总结：它等于一个统一的视觉创作 SDK 加本地实时播放器加统一密钥的模型网关，替代了「为视频、图像、3D分别拼装不同工具链」这一繁琐环节，且所有产物可被代理以代码生成、在 Vitest 中断言像素。

§4. 适合谁 / 不适合谁

适合：

• TypeScript 开发者与创意技术工程师，需要以代码批量、可复现地生成视觉内容。
• 使用 Claude Code、Codex、Cursor、Gemini CLI 的团队，希望让代理直接产出并校验视频或图像。
• 内容团队需要程序化广告图、动态标题、数据可视化图层。

不适合：

• 没有 WebGPU 兼容运行时（现代浏览器或 Node 环境）的用户。
• 偏好图形化、零代码创作工具、不使用代理或脚本的普通创作者。
• 对 Beta 阶段产品的稳定性与长期维护有强约束的生产环境。

§5. 核心功能与实测

GPU 文字与排版：逐像素求解字形轮廓，10px 到 10000px 清晰，支持按字母做动画，适合动态标题[1]。

同帧 3D：像素对齐相机、PBR 材质、IBL 光照、阴影、Bloom、AO，支持 OBJ、FBX、glTF、STL、PLY、VOX，可在同一画面里把3D与2D图层混合[1]。

图像编辑与特效：曲线、色阶、3D LUT、半调、颗粒、网格扭曲、液化、玻璃、轨道遮罩等 50+ 特效，统一走 Media.image 接口[1]。

设备端视觉：通过 ONNX 实现检测、分割、姿态、人像抠图，推理留在本机 GPU，降低数据出域风险[1]。

实时预览与代理协作：本地 WebGPU 播放器可逐帧步进，并能在画面上钉注释供代理消费；动画与静帧可渲染帧网格、导出精确静帧，并在 Vitest 中断言像素，把视觉产出纳入单元测试，是少见的「确定性渲染」能力[1]。

音频同步：音轨层逐帧定位、程序化音效、音频信号驱动属性，便于做音画联动[1]。

图表与 Lottie：线、柱、散点、蜡烛、饼图作为普通图层，Lottie 在 GPU 合成[1]。

AI Gateway（附加）：统一 API 密钥调用 100+ 图像、视频、音频模型（Flux、Kling、MiniMax、Recraft、Whisper 等），零留存，预付费积分按生成量结算，支持 subscribe、run、stream，代理可经 GET /v1/models 读取架构与价格[1]。

§6. 定价与隐形成本

隐形成本：核心引擎免费，但要运行需自备 WebGPU 运行时与现代 GPU；AI Gateway 按生成量付费，重度使用需充值积分，且官方未提及免费额度。性价比定论：对核心能力，开源免费叠加确定性渲染极具吸引力；网关按量、无订阅锁定，成本可预测；短板是 Beta 阶段与企业级 SLA 缺失[1]。

§7. 评分卡（加权评分）

分数锚点：7.8属「良好（Good）」，开源免费与确定性渲染是亮点，短板在 WebGPU 门槛与 Beta 成熟度。

§8. 真实口碑综述

公开材料显示其为 Gatewai 旗下开源项目，社区以早期开发者与代理用户为主，渠道含 GitHub、npm、Discord、YouTube[1]。未在本次核验中找到结构化的 G2 或 Capterra 评分或大规模用户长测评。高频好评集中在「一个引擎打通视频、图像、3D」「可在测试中断言像素」；高频痛点集中在「WebGPU 兼容环境要求高」「Beta 阶段 API 可能变动」。因样本不足，建议补充更多社区讨论后再下口碑结论，本次不臆测评分分布。

§9. 竞品对比

结论：本品在「代码或代理可驱动、可测试、可复现」的视觉生产这一细分场景优势明显；但在零代码易用性与生态成熟度上不如传统与商业方案。

§10. 优缺点（Pros & Cons）

优点：

• 核心引擎 Apache-2.0 完全免费开源，可自托管、可审计。
• 视频、图像、3D、音频与 50+ 特效统一到一个 WebGPU 引擎，能力完整。
• 确定性渲染可纳入 Vitest 单测，视觉产物可断言、可复现。
• 对 AI 代理友好（Claude Code 插件、npx 技能），并可经网关统一调用 100+ 模型。

缺点：

• 强依赖 WebGPU 运行时与 TypeScript/Node，普通用户门槛高。
• 处于 Beta（v2.2），API 与稳定性可能变动。
• AI Gateway 按量付费且未提免费额度，重度使用需持续充值。
• 文档与社区以英文为主，团队规模与长期维护存疑。

§11. 风险与不适用

隐私与数据出域：核心渲染与 ONNX 视觉均在本地 GPU 完成，AI Gateway 声明零留存，数据出域风险较低[1]。合规：Apache-2.0 许可宽松，商用与再分发清晰。厂商绑定：AI Gateway 为统一密钥托管，若依赖其模型则需接受按量计费与可用性；但核心引擎可脱离网关独立使用。规模上限：定位开发者与小型团队，缺少企业级权限、SLA 与可视化协作。语言局限：全站英文，缺少中文等多语种界面与文档。

§12. 总评与购买建议

推荐分级：可考虑（推荐开发者与代理用户直接试用）。framefields 用一种工程化、可测试的思路把分散的视觉创作收进一个开源 WebGPU 引擎，7.8/10 的评分反映其开放性与确定性渲染的优势，也坦诚其 WebGPU 门槛与 Beta 阶段的隐忧。若你本就用 Claude Code 等代理写代码、又苦于生成视频、图像、3D 的工具链碎片化，它值得 npm 一键尝试；纯零代码创作者或强 SLA 需求者，建议观望其走出 Beta 后的稳定性。

本次核验的边界：运行时性能与跨设备一致性未做同环境实测；Beta 阶段的 API 稳定性与 AI Gateway 实际计费未充分公开；用户规模与第三方评分缺少独立来源。

来源清单

[1] 官方文档站与功能说明 — 用于核实 WebGPU 引擎能力、确定性渲染、代理集成与 AI Gateway 模型列表

[2] 官方模型列表（Models） — 用于核实 AI Gateway 支持的模型范围与按量计费方式