remotion-video-toolkit
一个用于通过代码编程式生成和编辑视频的 Remotion 工具包。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：remotion-video-toolkit。 它的用途是：一个用于通过代码编程式生成和编辑视频的 Remotion 工具包。 完整的 Skill 内容见：https://321skill.com/skills/remotion-video-toolkit/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“我需要为我们的用户生成一个类似‘Spotify Wrapped’的个性化年度总结视频，用户数据已经以JSON格式准备好了。”，AI会引导你使用此技能包：首先创建一个Remotion项目，然后根据‘Compositions’规则定义视频结构，利用‘Text animations’和‘Charts’规则制作动画效果，最后通过‘Rendering’规则中的Node.js API或Lambda方案，批量渲染出每个用户的专属MP4视频。
介绍
Remotion Video Toolkit 解决了开发者需要以编程方式、批量或自动化生成视频的难题。它基于 React 框架 Remotion，允许开发者像编写 React 组件一样构建视频模板，通过传入不同的数据（如 JSON）即可动态渲染出成千上万个不同的 MP4 视频文件，彻底摆脱了传统视频编辑软件的手动时间线操作。
使用方式非常直观：首先通过 npx create-video@latest 初始化一个 Remotion 项目，然后根据该技能包提供的详细规则（涵盖动画、时序、渲染、字幕、3D、图表等），编写 React 组件来定义视频的每一帧内容和动画逻辑。最后，可以通过命令行、Node.js API 或部署到 AWS Lambda、Google Cloud Run 等服务器端进行批量渲染。
它非常适合前端开发者、全栈工程师、需要制作数据驱动型视频的市场或运营团队，以及任何希望将视频生成能力集成到自家产品中的技术团队。无论是生成个性化的用户年度回顾视频、自动化的社交媒体内容，还是动态的产品展示广告，都可以通过代码高效完成。
与 After Effects 脚本或传统视频编辑软件相比，它的核心区别在于完全基于 Web 技术栈（React/TypeScript），将视频制作流程彻底“代码化”和“工程化”，易于版本控制、团队协作和集成到现代开发流水线中，实现了视频生成的自动化和规模化。
核心特点
这是一个系统性的 Remotion 开发指南，而非零散的代码片段。它通过 29 条结构化规则，覆盖了从基础动画到生产级渲染管道的全链路知识，特别是详细讲解了如何在 AWS Lambda 和 GCP Cloud Run 上进行无服务器渲染，这是实现规模化视频生成的关键。
注意事项
不适合需要复杂非线性编辑、精细逐帧手绘动画或实时视频流处理的场景，其本质仍是基于代码和组件的程序化生成。
常见问题
Remotion 是什么？需要什么基础？
Remotion 是一个基于 React 的框架，用于通过编写代码来创建视频和动画。需要具备 React 和 JavaScript/TypeScript 基础。
能用这个技能包生成带字幕的 TikTok 视频吗？
可以。技能包中包含了字幕（captions）和文本动画的规则，可以生成带有逐词高亮字幕的视频，适合直接上传到短视频平台。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/remotion-video-toolkit/raw/index.md 读取 remotion-video-toolkit 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/remotion-video-toolkit/raw/index.md（查看排版版本）