Motion Skills

Claude Design、Claude Motion 与 Remotion 对比：哪个能做出你的视频（2026）

Claude Design 做设计和原型，不能导出视频。Claude Motion 做短动画并导出 MP4，是 Team 和 Enterprise 套餐上的 beta 功能。Remotion 是在 Claude Code 里编程使用的视频框架，对个人和 3 人以内的团队免费。在 Free、Pro 或 Max 套餐上，用 Claude Code、Codex 或 Cursor 里的动效 Skill，就能从你自己的素材做出 MP4，不用搭建 Remotion 项目。

套餐、导出格式和价格以 Anthropic 关于 Claude Design 和 Claude Motion 的帮助文章以及 Remotion 的许可证为准，核对于 2026 年 11 月 5 日。本站制作 Motion Skills，是独立网站，与 Anthropic 无关联。

简短回答

Claude Design Claude Motion Remotion + Claude Code Motion Skills
是什么 和 Claude 对话做出的设计、原型和单页文档 和 Claude 对话做出的短动画 把视频写成代码的 React 框架 让你的编程 Agent 导演某一种片子的 Skill
套餐 Free、Pro、Max、Ultra、Team、Enterprise Team 和 Enterprise（beta） 任何 Agent 任何 Agent、任何 Claude 套餐
能否生成视频文件 不能 能，MP4 能，MP4 及其他格式 能：MP4、带透明通道的 MOV、WebM、GIF
导出 .zip、PDF、PPTX、Google Slides、独立 HTML MP4 你渲染出的任何格式 MP4，外加 CapCut 或剪映草稿和一个分享页
准备工作 无，在 claude.ai 里使用 无，在 claude.ai 里使用 Node.js 和一个 Remotion 项目 Node.js、FFmpeg 和 Chrome；项目由 Skill 搭建
用你自己的素材 可以 可以：报告、数据、图片 可以，用代码接入 可以：网站、代码仓库、表格、脚本、照片、视频素材
音乐 不适用 Anthropic 未说明 自己添加 为每支片子单独写
费用 包含在你的套餐里 包含在 Team 和 Enterprise 里 3 人以内免费；超过需要 Company License Motion Director 免费；完整版 Skill 每款 $4.90，或每月 $9.90

Claude Design

Claude Design 是 Anthropic 用来做视觉工作的工具：和 Claude 对话，做出设计、可交互原型、单页文档等作品，再继续修改。所有套餐都有，包括 Free。它可以导出 .zip、PDF、PPTX、Google Slides 和独立 HTML，设计也可以交给 Claude Code 去实现。

要确定一个产品或页面长什么样，用它正合适。但它不出视频：Claude Design 的帮助文章没有列出任何视频导出方式。claude.ai/design 这个独立站点将于 2026 年 12 月 14 日关闭；Claude Design 本身仍保留在 claude.ai 里。

Claude Motion

Claude Motion 把你的内容做成一段短动画（Anthropic 举的例子有：全员大会上的讲解动画、董事会汇报里的动态图表，以及产品演示）。附上要用的报告、数据或图片，在对话里修改结果，再导出 MP4。

  • 谁能用：Team 和 Enterprise 套餐，目前是 beta。Team 默认开启；Enterprise 需要所有者开启。Free、Pro 和 Max 没有这个功能。
  • 它做不了什么：它不使用视频生成模型，所以没有实拍画面，也没有 AI 生成的人物。
  • Anthropic 的文章没有说明的：导出分辨率、时长上限，以及是否会加配乐或配音。动画越长、越复杂，消耗的用量额度越多。

如果你的团队能用，这是不离开 claude.ai、从想法到 MP4 最快的方式。更多内容见 Claude Motion 指南和哪些人能用 Claude Motion。

在 Claude Code 里用 Remotion

Remotion 是一个用 React 做视频的开放框架：每一帧都是一个组件，再把项目渲染成视频文件。Claude Code 可以替你写这些代码；Remotion 还维护着一个 Claude Code 插件，内含 Remotion Agent Skills，用来创建和编辑 Remotion 项目。

  • 费用：对个人（个人或商业用途）和 3 人以内的组织免费。更大的公司需要 Company License；Remotion 的标价是每位编写 Remotion 代码的人每月 $25，借助编程 Agent 编写的也算在内。
  • 你要承担的：一个需要自己搭建和维护的 React 项目，以及片子本身的导演工作（镜头、节奏、文字排版、音乐），这些都要由你或你的提示词来提供。

它适合想要可复用模板或视频流水线的开发者。两者的取舍见 Remotion Agent Skills 与 Motion Skills 对比。

Motion Skills

Motion Skill 是一个装着说明的文件夹，你的编程 Agent 加载它来导演某一种片子：发布片、讲解片、数据片、竖屏短片等等。Agent 把片子写成一个 HTML 页面（HTML、CSS 和 GSAP），为它作曲，逐帧检查有没有被截断或看不清的文字，再用你电脑上已有的 Chrome 渲染出 MP4。要修改，直接说出你想要的效果，或者在实时预览里点击画面。

  • Motion Director 免费：做一支 10–20 秒、任何类型的片子，从你在三个方向中选定的一个开始。
  • 完整版 Skill 做某一种片型的整支片子，时长按该片型的需要来定（从几秒的 Logo 片头到两分钟的课程），每款 $4.90，一次性购买；也可以每月 $9.90 使用全部。

它可以在任何 Claude 套餐上运行，也能在 Codex、Cursor 或 Gemini CLI 里用，不会上传任何东西。查看所有 Skill。

该用哪一个？

  • 你在设计页面、演示文稿或原型：Claude Design。
  • 你的团队用 Team 或 Enterprise，想在对话里快速做一支讲解 MP4：Claude Motion。
  • 你是开发者，要做可复用的模板或视频流水线：在 Claude Code 里用 Remotion。
  • 你用 Free、Pro 或 Max，或者想不搭项目、直接用自己的素材做出一支完整的片子：用 Motion Skill。从免费的 Motion Director 开始。
  • 你已经有一段 HTML 动画，比如来自 Claude 或 ChatGPT 的 artifact：用 HTML 转视频把它录成 MP4。免费，不会上传任何东西。

常见问题

Claude Design 能做视频吗？

不能。Claude Design 导出 .zip、PDF、PPTX、Google Slides 或独立 HTML。在 claude.ai 里，动画要通过 Claude Motion 导出 MP4，它是 Team 和 Enterprise 套餐上的 beta 功能。

Claude Pro 或 Max 能用 Claude Motion 吗？

不能。Claude Motion 是 Team 和 Enterprise 套餐上的 beta 功能。在 Pro 或 Max 上，可以用 Claude Code 里的动效 Skill 做同类的动画视频，它会在你的电脑上渲染出 MP4。

在 Claude Code 里用 Remotion 免费吗？

免费，适用于个人和 3 人以内的团队。更大的公司需要 Remotion Company License，Remotion 的标价是每位编写 Remotion 代码的人每月 $25，借助编程 Agent 编写的也算在内。

不用 Claude Motion，能把 Claude artifact 里的动画变成 MP4 吗？

能。把 artifact 的 HTML 粘贴到 HTML 转视频，在浏览器里录成 MP4。免费，不会上传任何东西。想要逐帧渲染、带专属配乐的片子，就用 Claude Code 里的动效 Skill。

Claude Motion 会加配乐或旁白吗？

Anthropic 关于 Claude Motion 的文章没有说明；文章描述的是导出为 MP4 的动画。Motion Skills 为每支片子写配乐，需要解说的片型还会加上人声。

claude-motion.com 是 Anthropic 的 Claude Motion 吗？

不是。claude-motion.com 是 Motion Skills，一个独立网站，为编程 Agent 制作 Skill，并撰写 Claude Motion 指南。Anthropic 的 Claude Motion 在 claude.ai 里。

延伸阅读