コードで動画を制作するオープンソースのツールキットGitframesは、開発者とAIコーディングエージェントに向けたワークフローの描画基盤にWebGPUを据えている。合成、モーショングラフィックス、文字表現、キーフレーム設定、3Dシーンのツールをnpmパッケージにまとめており、TypeScriptでコンポジションを記述してMP4としてレンダリングできる。

プロジェクトはまだベータ段階にあり、保守担当者はインターフェースが変更される可能性や、一部の機能が未完成または不安定である可能性を注意点として挙げている。本番環境への導入を検討するチームにとって、この留保は重要だ。Gitframesは、既存の編集アプリケーションを置き換える完成品ではなく、開発が進められている技術ツールキットとして提示されている。

技術面での中心的な選択は、汎用ブラウザーを自動操作するのではなく、GPUインターフェースを通じて直接描画することだ。リポジトリによると、Node.jsや最新のブラウザーでDawn、WebGPU、Metal、Vulkanを利用できる。DOMのレイアウト処理とスクリーンショットの取得を組み合わせたパイプラインを避けることで、プログラムによる動画制作を、ソース管理されたコードが各フレームを定義する従来型のソフトウェアビルドに近づけようとしている。Node.js 22以降が必要となる。

Gitframesは、別々のアプリケーションで扱われることの多い複数の視覚表現を組み合わせる。レイヤーシステムにはパス、ボックス、テキスト、チャートが含まれ、チャートの形状や尺度はD3を使って計算する。リポジトリでは、シェーダーを利用した画像・動画エフェクト、3Dカメラとモデル、描画済みフレームを確認するためのツールについても説明している。開発者が独自のシーンを作成する際の参考として、コンポジションの例も用意されている。

任意で追加できる視覚処理パッケージは、ONNXモデルを、コンポジション内のほかの要素が使うものと同じリアクティブなシグナルシステムに接続する。プロジェクトの文書によると、視覚処理用のランナーを作成しただけで、直ちにモデルがダウンロードされたりセッションが開かれたりするわけではない。開発者が明示的に事前読み込みを行わない限り、モデルファイルはタスクの初回実行時に取得される。掲載されているモデルは特定のリビジョンに固定され、ダウンロード後にSHA-256ハッシュで検査される。

エージェント向けの層は、指示を与えるためのものだ。Gitframesは、CodexやClaudeなどのコーディング支援ツールに、コンポジションの作成、レンダリング、確認の方法を教えるためのスキルを配布している。プロジェクトは、これらのスキルに含まれるのは指示であり、実行可能なサーバー、フック、ランチャーではないと説明している。描画エンジン自体はnpm経由でインストールし、スキルは対応するエージェントのエコシステムを通じて導入するか、該当するスキルディレクトリにコピーできる。

GitframesのライセンスはApache-2.0で、リポジトリに記載された視覚処理モデルにも同じライセンスが適用されている。コード中心の方式は、動画素材をほかのソフトウェアと並行してレビュー、再現、自動化しやすくする可能性がある。ただしベータ版であるため、導入する側は互換性の変化を想定し、本番の制作工程で依存する前に出力を検証する必要がある。