Remotion

在视频创作领域，除了剪映、PR 这类可视化剪辑工具，还有一种更“程序员友好”的方式——用代码创作视频，而 Remotion 正是这个领域的核心工具。简单来说，Remotion 把前端开发的逻辑搬进了视频制作，让你能用写代码的方式，精准、高效地搞定视频创作。

什么是Remotion？核心逻辑很简单

Remotion 本质是一款基于 React 的视频创作工具，它彻底打破了“视频剪辑只能靠拖拽”的传统模式，把前端开发的组件化思维完全融入视频制作流程。对熟悉 React 的开发者来说，上手几乎没有门槛；即使是新手，也能通过简单的组件组合，快速做出定制化视频。

它的核心优势可以总结为三点：

1. 技术基底够成熟：依托 React 这一主流前端技术，你可以用熟悉的 JS/TS 语法构建复杂视频，无需学习全新的剪辑逻辑；
2. 组件化灵活组合：像搭积木一样使用预设组件（<Video> 视频、<Img> 图片、<Audio> 音频），也能自定义专属组件（比如固定的字幕样式、品牌LOGO动画），想怎么组合就怎么组合；
3. 组件可复用性高：把视频拆分成标题、画面、背景音乐等小组件，制作同类视频时直接复用，大幅减少重复工作——比如批量制作100个产品介绍视频，只需修改核心素材，组件逻辑完全不变。

简单来说，Remotion 做的就是：把前端编程的“模块化、可复用、易扩展”优点，全部移植到视频创作中。

重磅更新：Agent Skills 功能上线，Claude Code 就能做视频

近期 Remotion 推出了全新的 Agent Skills 功能，进一步降低了使用门槛——现在你甚至不用手动写全量代码，仅靠 Claude Code（Anthropic 推出的AI编程工具）就能完成视频制作。

想要启用这个功能，只需在终端执行一行简单的命令：

$ npx skills add remotion-dev/skills

执行完成后，你可以通过自然语言向 Claude Code 描述想要的视频效果（比如“制作一个10秒的产品宣传视频，开头是LOGO淡入，中间展示3张产品图，结尾加文字标语”），AI 会基于 Remotion 的组件逻辑，自动生成对应的代码，你只需验证效果、微调细节即可。

Remotion 适合谁用？

• 前端开发者：不想学复杂的剪辑软件，想用熟悉的代码快速制作定制化视频（比如技术教程、产品演示）；
• 需要批量制作视频的团队：比如电商批量做商品介绍视频、自媒体批量做模板化内容，组件复用能大幅提效；
• 追求视频精准控制的创作者：比如需要精确到帧的动画、数据可视化视频，代码能实现比手动剪辑更精准的效果。