安装
git clone https://github.com/Boriwatopal/agent-skill-remotion-motion-graphics.git /tmp/rmg && cp -R /tmp/rmg/skills/remotion-motion-graphics ~/.claude/skills/ && rm -rf /tmp/rmg适合谁
这个 Skill 面向想把动效当成代码来维护的人:品牌运营、短视频创作者或前端开发者,想用一段参考视频加一个 Logo,产出 kinetic-typography(动感字效)、Logo 动画或品牌宣传短片,并直接导出 MP4。官方说明它支持从同一套代码库输出 9:16 和 16:9 两种画幅。
它不适合以下情况:没有 Node.js 18+(Remotion 4 需要)或 PATH 上没有 ffmpeg / ffprobe 的环境,分析和检查脚本无法运行;首次渲染时 Remotion 会自动下载 Chrome,网络受限环境可能卡在这一步。官方证据未说明是否支持其他运行时或平台,也未说明支持哪些语言界面的 agent,这些属于未知。
3 分钟完成第一次尝试
推荐主路径是 Claude Code 的本地安装:
- 前提:Node.js 18+,
ffmpeg/ffprobe在 PATH 上。 - 在终端执行官方安装命令,把 Skill 复制到
~/.claude/skills/:
git clone https://github.com/Boriwatopal/agent-skill-remotion-motion-graphics.git /tmp/rmg && \
cp -R /tmp/rmg/skills/remotion-motion-graphics ~/.claude/skills/ && rm -rf /tmp/rmg
- 在 Claude Code 中触发一个低风险任务:提供一段参考片和一个 Logo(SVG 或网站),要求先只做分析——让 agent 从参考片的 contact sheets 生成 beat map,从品牌素材提取颜色、字体和文案,并映射 Logo 路径以便文字与图形分开动画。分析阶段先不要求渲染成片。
成功信号:agent 读取了素材并给出 beat map 和品牌要素提取结果,说明 Skill 的工作流已生效。注意渲染阶段会执行命令、写文件并下载 Chrome;证据未说明渲染过程是否需要额外确认,动作前请与 agent 明确输出路径。claude.ai / Cowork 用户没有这个路径,官方提供的是下载 dist/remotion-motion-graphics.skill 并在 Settings → Capabilities → Skills 上传,属于另一平台的次要方式。
使用案例
案例一:从参考片提炼节奏。把竞品短片和自己的 Logo 发给 agent,要求生成 beat map 并提取颜色与字体,最后按 Skill 流程产出代码化动效并导出 9:16 MP4。可确认的步骤是素材读取与 beat map;渲染和成片质量取决于 agent 实际执行情况。
案例二:Logo 入场动画。提供 Logo 的 SVG,要求文字与图形分别动画,做一版品牌宣传短片。Skill 会映射 Logo 路径让元素分开动;导出前按官方验证流程走:tsc 通过、0.3 缩放试渲染、逐张检查 contact sheets、对可疑帧做静帧渲染并修复,再最终渲染并从成片抽帧作为证明。能确认的终局信号是拿到 MP4 及抽帧证明。
使用边界
渲染会执行 tsc 与 Remotion 渲染命令、写入项目文件、首次运行时下载 Chrome——这些是官方明确描述的行为。Skill 的分析与检查脚本依赖 ffmpeg / ffprobe。官方证据未说明:渲染是否需要用户确认、会写到哪些具体路径、能否离线运行、支持的语言范围(不因 README 是英文就推断只支持英文素材)。Skill 产出的是渲染出的 MP4 和代码,证据未说明它会直接修改用户的既有文件;对文件系统的影响范围请以 agent 实际行为为准。两个平台的安装方式不同:Claude Code 是 git clone 加复制目录,claude.ai / Cowork 是上传 .skill 文件,不可互相套用。