简介
安装方式：在 Claude Code 中执行 /plugin install framefields；在 Codex、Cursor、Gemini CLI 等工具中执行 npx skills add gatewai-dev/framefields。官网示例：一段 1920×1080、255 帧的影片，在 Apple M1 Pro 上用 framefields 2.1.1 渲染耗时 2.6 秒。仓库 examples 目录附带官方发布影片等完整示例的源码。官方来源：https://framefields.dev/ 、https://framefields.dev/docs 、https://github.com/gatewai-dev/framefields 。 定价：免费开源（Apache-2.0），npm 安装；当前 2.2 版，处于 beta；需要 Node.js 22 及以上
- 基于原生 WebGPU（Dawn / Metal / Vulkan）在 Node.js 里渲染，不需要无头 Chromium，每个渲染进程内存约 200–400 MB
- 按帧号计时、逐帧精确，可重复渲染；文字按像素在 GPU 上求解字形曲线，10 px 到 10,000 px 都清晰，支持 After Effects 式逐字动画
- 同一画面内可放 3D 场景（PBR 材质、阴影、泛光，支持 OBJ / FBX / glTF 等模型）和 50 多种特效（曲线、LUT、液化、胶片颗粒、转场等）
- 通过 ONNX 在本地做检测、分割、姿态与人像抠像，可把 16:9 重新构图为 9:16；折线、柱状、K 线等图表和 Lottie 动画可直接当图层
- 本地 WebGPU 预览播放器可逐帧拖动并在画面上留批注给智能体；可渲染帧网格检查缓动，并在 Vitest 里对像素做断言
界面截图
可左右滑动，或使用方向键、Home 和 End 浏览截图。
