Repolode
haidrrrry

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. 1

    克隆仓库

    git clone https://github.com/haidrrrry/claude-remotion-skill.git
  2. 2

    创建用户级 Claude 技能目录

    mkdir -p ~/.claude/skills
  3. 3

    将技能文件夹复制到 Claude Code

    cp -r claude-remotion-skill/remotion-motion-graphics ~/.claude/skills/
  4. 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 数据每日更新。

相关项目