面向 Claude Code 与 Codex 的智能体技能,用 Remotion 代码把产品页面制作成电影感宣传视频。
haidrrrry/claude-remotion-skill
一个 MIT 开源的 Claude Agent Skill,让 Claude 用 Remotion 通过代码创作和编辑动态图形视频。
可替代:After Effects
- Star
- 536
- Fork
- 70
- 未关闭 Issue
- 0
- 最近提交
- 2个月前
这是什么?
Claude Remotion Skill 是一个面向 Claude Code、Claude Desktop 和 Claude.ai 的 Agent Skill。安装后,Claude 会使用 Remotion(基于 React 和 TypeScript 的视频框架)以代码方式制作视频,而不依赖 After Effects 或 Premiere 这类时间线编辑软件。
Skill 中封装了一套动态设计规则,包括用弹簧和贝塞尔曲线代替线性插值、错开时序的入场与出场、带颗粒和暗角的调色叠层、静态图片的 Ken Burns 推拉效果,以及逐词同步的字幕。工作流要求 Claude 在交付前先渲染、用 ffmpeg 抽取帧进行检查、修正问题后再重新渲染。
仓库提供了可复制使用的组件参考文档,覆盖入场动画、调色、颗粒、字幕和转场,并附带 theme.ts 模板用于管理颜色、缓动和弹簧参数。另有一个 Remotion 示例项目,包含多个成品合成,例如产品宣传片和配合合成音轨的卡点代码动画。
核心功能
- 01加入弹簧与贝塞尔缓动规则,避免线性运动。
- 02提供可直接复制的 Remotion 组件,涵盖入场动画、调色、胶片颗粒和 Ken Burns 效果。
- 03支持逐词同步字幕和下三分之一式文字动画。
- 04要求先渲染,用 ffmpeg 抽帧检查后再交付。
- 05通过单一 theme.ts 文件统一管理颜色、缓动和弹簧参数。
- 06可在 Claude Code 中按用户或项目安装,也可在 Claude Desktop 中上传 .skill 文件使用。
适用场景
- 通过一段文字描述生成 logo 动画、品牌片头和产品讲解视频。
- 制作带动画字幕的竖版短视频,如 Reels、Shorts 或抖音风格内容。
- 用统一的动态设计规则改进原本单调的 Remotion 视频。
- 制作结合素材镜头、字幕和声音的无真人出镜内容视频。
快速上手
- 1
克隆仓库
git clone https://github.com/haidrrrry/claude-remotion-skill.git - 2
创建用户级 Claude 技能目录
mkdir -p ~/.claude/skills - 3
将技能文件夹复制到 Claude Code
cp -r claude-remotion-skill/remotion-motion-graphics ~/.claude/skills/ - 4
让 Claude 制作一个短logo片头来测试该技能
使用前须知
- 它是给 Claude 使用的一组指令,因此需要支持技能功能的 Claude Code、Claude Desktop 或 Claude AI。
- 使用它需要 Claude 订阅或 API 访问权限,并且需要配置 Remotion 才能渲染视频。
- 技能的逐帧检查步骤依赖 ffmpeg,而安装说明中未涵盖它。
标签
常见问题
- claude-remotion-skill 是什么?
- 一个 MIT 开源的 Claude Agent Skill,让 Claude 用 Remotion 通过代码创作和编辑动态图形视频。 Claude Remotion Skill 是一个面向 Claude Code、Claude Desktop 和 Claude.ai 的 Agent Skill。安装后,Claude 会使用 Remotion(基于 React 和 TypeScript 的视频框架)以代码方式制作视频,而不依赖 After Effects 或 Premiere 这类时间线编辑软件。
- claude-remotion-skill 可以免费使用吗?用的什么许可证?
- claude-remotion-skill 以 MIT 许可证开源。用于商业产品前,请先确认许可证条款。
- claude-remotion-skill 还在维护吗?
- 半年内有更新。claude-remotion-skill 最近一次提交是在 2026年8月12日。
- claude-remotion-skill 适合用来做什么?
- 通过一段文字描述生成 logo 动画、品牌片头和产品讲解视频。 制作带动画字幕的竖版短视频,如 Reels、Shorts 或抖音风格内容。 用统一的动态设计规则改进原本单调的 Remotion 视频。 制作结合素材镜头、字幕和声音的无真人出镜内容视频。
- claude-remotion-skill 怎么安装和运行?
- 克隆仓库: git clone https://github.com/haidrrrry/claude-remotion-skill.git 创建用户级 Claude 技能目录: mkdir -p ~/.claude/skills 将技能文件夹复制到 Claude Code: cp -r claude-remotion-skill/remotion-motion-graphics ~/.claude/skills/ 让 Claude 制作一个短logo片头来测试该技能
- 在哪里获取 claude-remotion-skill?
- 源代码和安装说明在 GitHub 上:https://github.com/haidrrrry/claude-remotion-skill
概要由 AI 根据项目 README 生成;GitHub 数据每日更新。
相关项目
一套让 AI 编程智能体用 Remotion 制作动态图形与短视频片段的 Agent Skills。
让 AI 智能体把爆款视频克隆成可编辑工作流,并批量生成变体的视频制作工具。
一组 Agent Skills,帮助 Claude Code、Codex、Cursor 等 AI 编程助手按最佳实践开发 Remotion 视频项目。
让 Claude Code / Codex 制作口播解说视频的 agent skill,支持字级配音同步与 Remotion 渲染。
一组可安装的智能体技能,教 AI 编程助手制作动态图形、动画与视频。