Framefields: a beta npm package for agent-written, GPU-rendered video

Framefields, a beta npm package, lets coding agents write TypeScript video compositions, check frames and render MP4s on WebGPU without a headless browser.

Framefields is a beta npm package that lets a coding agent write a TypeScript composition, check frames and render an MP4. It needs no multi-gigabyte creative suite and no headless browser. If you need explainer or marketing video and already work with Claude Code, Codex or Cursor, it adds a code-first option. The README says it renders on GPU via Dawn, WebGPU, Metal or Vulkan in Node.js and in modern WebGPU browsers.

The README lists GPU-rendered typography, 50+ shader effects, a 3D scene graph with OBJ, FBX and glTF loaders, procedural audio, d3-backed animated charts through Layer.chart, and on-device vision from Apache-2.0 ONNX models. For Claude Code the install is /plugin install framefields. The README says plugin review is slow for now and recommends npx skills add gatewai-dev/framefields. ClaudePluginHub lists the plugin at v2.0.2. Munder Difflin reports the project reached Hacker News as Gitframes (56 points) before a rename, and had 211 stars on 6 Oct.

Treat it as an experiment. The README warns that APIs may change between releases. Its efficiency figures are the project's own: about 200–400 MB of RAM per worker, against 2–4 GB for Chromium. The maintainer of HyperFrames has filed an issue saying the README's comparison matrix misdescribes HyperFrames and that the matrix's throughput and memory figures for HyperFrames have no benchmark behind them. According to the issue, HyperFrames renders HTML, CSS and JavaScript in headless Chromium and encodes with ffmpeg.

Several things are still unclear:

The established alternative is Remotion. It has official agent skills, installed with npx skills add remotion-dev/skills, and its docs require Node 16 or Bun 1.0.3.

Sources