エージェント向けの手続き型動画エンジン：Remotion の API、CSS、SVG、Canvas 2D、WebGL シェーダー、Web Audio を用いて TypeScript で動画を記述し、Node でコードを実行、Rust の GPU コンポジターでフレームごとに描画します。レンダリング全体で Chrome は不要であり、既存の Remotion および HyperFrames プロジェクトもそのままレンダリング可能です。
スター数 337（+37 / 24時間）
理由
- 作者によると、README 冒頭のショート動画は 1184 フレーム、1080p、音声付きで、ノートパソコン上で 26 秒でレンダリング完了します。サンプルの所要時間はすべて Apple M4 上で --concurrency 4 を指定し、3 回計測した中央値です
- kinetograph studio はローカルエディターを開きます。プレビュー内でレイヤーをクリックまたは範囲選択し、コーディングエージェントに変更内容を伝えます。エージェントは選択範囲、ソースコードの位置、スクリーンショットを取得し（ACP を経由し、Claude Code、Codex、Gemini がプリセットされていますが、作者は現時点で Claude Code のみテスト済みです）、ファイル変更前に確認を求めます
- すべてのコマンドで --json を出力可能で、npx kinetograph mcp は同じコマンド群を MCP サーバーとして提供し、エージェント用スキルも付属しています。0.2.5 ではモーショントラッキング、動画フレームの canvas への取り込み、Web Animations API などが追加されました
使い方
- HTML ページの直接レンダリング：npx kinetograph render index.html -o out.mp4。GSAP タイムラインを window.__timelines に登録すると、フレーム単位で位置合わせされます
- TSX プロジェクトには Node 22 以上が必要です：npm ci、npm run build 実行後、npx kinetograph render / still / inspect を使用します。ソースからビルドする場合は Rust stable と FFmpeg 開発ライブラリが必要です
リスク
- ベータ版 0.2.5 のため、API は変更される可能性があり、一部の機能が欠落しています。既知の問題はプロジェクトウェブサイトに記載されています
- ライセンスは PolyForm Small Business 1.0.0 です。個人、非営利団体、および従業員 100 人未満で売上高が 100 万ドル未満の企業は無料で利用できますが、それ以上の規模の企業は商用ライセンスを購入する必要があります。リポジトリは 10 月 23 日に作成されました