REMOTION+AI零代码创作:告别AE/PR,自媒体推广视频10分钟搞定
概要
传统视频制作离不开AE、PR,但这两款软件学习成本高、使用复杂,而且不方便版本管理,对数据的动态修改也很繁琐。而REMOTION的出现,正好解决了这些痛点。
REMOTION本质上是一个通过React代码生成视频的框架,核心逻辑是「编程生成视频」。如果搭配AI,就能实现「自然语言→代码→视频」的完整闭环,全程无需手动写一行代码。
重点是,REMOTION推出了专门的Agent Skill(可理解为AI辅助工具),能自动生成稳定可靠的REMOTION代码,帮我们跳过编程环节,直接通过对话完成创作。

核心流程拆解
-
对话AI:描述视频需求(如动画风格、场景、核心内容);
-
生成代码:调用REMOTION的Agent Skill,AI自动理解需求并生成符合要求的React代码;
-
渲染帧画面:REMOTION运行生成的代码,自动渲染出视频的每一帧图像;
-
导出视频:通过截图保存每一帧,合并生成最终的视频文件,完成创作。
实践操作
在使用REMOTION之前,需要先安装3个核心依赖环境:Node.js:用于运行REMOTION,是核心运行环境;Git:用于从GitHub下载REMOTION的Agent Skill代码,并完成安装;FFmpeg:用于合并帧图像,生成最终的视频文件。
安装完成后,打开命令行,执行以下命令验证:
# 验证Node.js:
node -v、npm -v;
# 验证Git:
git --version;
# 验证FFmpeg:
ffmpeg -version。
初始化REMOTION项目+安装Agent Skill
-
进入项目路径,新建my-video文件夹(作为REMOTION项目文件夹),执行cd my-video进入该文件夹;
-
执行NPX命令初始化项目:选择blank空白模板,添加CSS样式(选yes),暂不添加Agent Skills(选no,后续单独安装),暂不使用VS Code打开(选no);
npx create-video@latest

- 执行命令安装REMOTION Agent Skill:从GitHub拉取代码后,选择“为特定Agent安装”,勾选ANTIGRAVITY(按空格键选择),回车确认;
npx skills add remotion-dev/skills

以“宠物领养APP”为例,生成竖屏推广视频(适配抖音、小红书等自媒体平台),步骤如下:
-
准备素材:复制 socialvibe APP的GitHub代码网址:socialvibe
-
AI对话提示:
https://github.com/liuhaha1111/socialvibe
请先分析这个项目代码,理解产品定位,核心功能和典型使用流程。然后使用remotion-best-practices skills 生成对应的产品推广
视觉与份个股:
视频整体采用浅色主题
现代,简洁,干净的设计美学
动画克制,流畅,避免花哨特效
统一的排版,间距和视觉节奏
色彩策略
以浅色中性色作为主要背景
使用项目中的品牌主色作为强调色
强调色用于关键功能,高亮信息和重要转场
单一画面中强调色不超过1-2种
素材要求
图标,图片,插画等仅使用项目中已有的素材
不引入任何外部或第三方资源
叙事结构
按完整故事线展开:问题场景 ,产品解决方案,核心功能,产品价值
通过画面演示产品如何工作,而非仅展示文字
每个画面只表达一个核心信息
视频结构:
场景顺序清晰,过渡自然
强调可读性,信息层级和用户理解
整体效果接近高质量SaaS产品宣传视频
-
优化调整:若对计划不满意(如文字太小、缺少某个功能),直接通过AI对话修改(例:“将视频中宠物信息的文字放大20%”);
-
预览与导出:执行npm run dev启动REMOTION web服务,打开本地3000端口预览视频,确认无误后点击render,选择“导出视频”,等待导出完成即可。

这样生成的视频,稍作优化就能直接用于自媒体推广,全程免费,比传统视频制作节省80%的时间。用ANTIGRAVITY+REMOTION,无论是视频创作(产品推广、数据展示、天气预报等),还是网站搭建,都能实现“零成本、零门槛、高效率”。
相比传统视频制作和网站开发,它无需专业技能、无需付费,仅通过AI对话就能完成,适合自媒体人、职场人、创业者等各类人群。

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。
更多推荐


所有评论(0)