这些都是我用一句话生成的视频，渲染不需要额外的云服务费，最关键的是本地免费渲染，成本可控！
前言：为什么选择这个组合？
市面上很多AI视频工具都要按月订阅，而 Remotion 是开源免费的，而且可以保存为标准的 MP4 格式，直接发布到任何平台。
之前试过很多AI视频工具，直到发现了这个组合：
Claude Skills + Remotion
- Claude Skills：AI代码助手，帮你写代码
- Remotion：用 React 写视频的框架
你只需要用代码描述视频，剩下的事交给程序。AI辅助写代码 + 本地免费渲染，这就是整套流程！
什么是 Remotion？
Remotion 是一个用 React 编写视频的开源框架。简单来说：
- 你用代码描述视频内容
- 框架自动渲染成 MP4 视频
- 完全免费，本地运行
- 支持所有网页动画效果
第一步：安装 Remotion
我们先用 Remotion 的脚手架起一个新项目：
npx create-video@latest运行后会问你几个问题：
- 选择模板：推荐选 “Hello World” 模板
- 是否安装样式插件：选 Yes
- 是否安装 Remotion Skills：选 Yes（这是关键！）
Remotion Skills 是官方提供的 AI 助手插件，装完后你会看到一系列 .md 文件，这些其实是官方最佳实践清单，包括：
- 结构怎么组织
- 动画怎么写
- 哪些坑要避开
相当于给 AI 配了一本 Remotion 规范手册！
第二步：启动开发环境
装完依赖后，运行：
npm run dev启动后会自动打开 Remotion Studio 页面，界面分为几个区域：
- 左侧：Compositions 组件列表
- 中间：实时预览区域
- 底部：时间轴
- 右下角：一键导出按钮
左边列出的每个项目（HelloWorld、OnlyLogo等）都是一个 React 组件，这就是 Remotion 的核心思想——用代码写视频。
第三步：用 AI 生成视频组件
接下来打开 Claude Code 工具，输入这段提示词：
做一个新年倒计时视频，300帧（10秒）： - 倒计时数字从 10 开始倒数
- 每个数字有缩放弹跳效果
- 背景是五彩纸屑飘落动画
- 到 0 时，显示"2026 新年快乐！"大字，烟花效果
你会发现 AI 正在快速生成代码，整个过程大部分时间在写代码，少量消耗 Token。
第四步：查看效果并调整
生成完成后，回到 Remotion Studio，左侧会新增一个组件 NewYearCountdown，点击后可以看到视频动画已经开始了！
这是一个倒计时的新年快乐界面，数字从10倒数到1，周围有彩色粒子飞舞效果,最后显示‘新年快乐’。
右侧的 Props 面板可以实时调整参数：
primaryColor：主色调（控制数字颜色）secondaryColor：辅色调（控制粒子颜色）bgColor：背景颜色
修改颜色值后，预览会实时更新，非常方便！
第五步：导出视频
效果满意后，点击右下角的 Render 按钮，可以一键导出 MP4 格式的视频。
整个生成视频的过程，其实只是一段提示词就完成了。
总结
Remotion + Claude Skills 的核心优势：
| 优势 | 说明 |
|---|---|
| 🆓 免费开源 | 无需月费订阅，代码完全可控 |
| 💻 代码生成视频 | 所有网页动画都能实现 |
| 🎬 本地渲染 | 零成本，无限次导出 |
| 🤖 AI 辅助 | 用自然语言描述，AI 帮你写代码 |
| 📤 标准格式 | 导出 MP4，发布到任何平台 |
你可以做什么？
几乎所有网页可以生成的动画，这里都可以实现：
- 🎊 节日贺卡与倒计时
- 📊 数据可视化动画
- 🎬 产品演示视频
- 📱 社交媒体短视频
- 🎨 创意动画作品
感兴趣的话，你也去试试吧！
这里是 AI共生阁，我们下期见~
相关资源：
- Remotion 官网：https://www.remotion.dev
- Claude Code：https://claude.ai/code
- Remotion Skills 文档：项目安装后自动生成
关注我，获取更多 AI 效率工具分享！ 🚀