rendiv：用 React + TypeScript 写视频，AI 时代的新视频编辑器

它是什么

rendiv 是一个代码优先的视频编辑器。整个视频就是一个 React + TypeScript 组件，每一帧由函数式渲染决定。你用 useFrame() 拿到当前帧号，用 Fill、Text 等组件拼画面，最后 npm run render 输出 MP4/WebM。

没有时间线，没有拖拽，没有 GUI。纯代码，纯 React。

为什么说它是「AI 原生」

传统视频软件的交互是给人设计的：鼠标点、拖轨道、调关键帧。LLM 能读代码，但看不懂非线性编辑界面。rendiv 把视频变成可读、可写、可迭代的代码文件，于是 AI agent 可以直接写视频：

• Claude / GPT 生成长视频脚本
• 多轮修改像改 React 组件一样简单
• 版本控制、Diff、PR 全部走 Git

而且它还自带官方 Agent Skill：npx skills add thecodacus/rendiv，装完后 Claude Code 直接知道怎么用这套 API。

实际开发体验

脚手架很轻：npx create-rendiv my-video，npm run studio 起本地热更新预览，npm run render 输出成品，npm run still 还能导出单帧截图。

生态也在补：Spring 动画、插值、音频轨道、Docker 渲染，roadmap 上还有更多格式支持和插件系统。

适合谁

• AI 视频流水线：批量生成产品演示、社交媒体短视频
• LLM 应用开发者：需要让模型「生成视频」作为输出
• 前端工程师：不想学 After Effects，但会用 React

GitHub Stars 67，框架本身 Apache 2.0 开源，Skill 也免费。如果你在做 AI 视频自动化，rendiv 现在是最值得试的方案之一。

GitHub: https://github.com/thecodacus/rendiv

—

**GitHub:** https://github.com/thecodacus/rendiv