用 Claude 做 MG 动画（动态图形）：示例、Skill 与提示词（2026）

Claude 做 MG 动画的方式是把它写成代码：动态文字、图表、Logo 片头和示意图动起来，再渲染成 MP4。Team 和 Enterprise 套餐可以直接用 Claude Motion；其他套餐在 Claude Code、Codex 或 Cursor 里装一个动效 Skill，也能做出 Claude Motion 风格的动效。

Claude Motion 的套餐和功能以 Anthropic 帮助文章和价格页为准，最近一次核对是 2026 年 10 月 29 日。本站为独立网站，与 Anthropic 无关联。

「Claude 动效」到底指什么

动态图形（Motion Graphics，常说的 MG 动画）是会动的设计：文字、数字、形状、图标和 Logo 在画面里运动，而不是实拍画面。Claude 擅长做这个，原因只有一个：它会写代码，而 MG 动画本来就可以用代码写出来。一段动画就是一个 HTML 页面，里面的文字、图表和形状随时间变化；渲染器在浏览器里逐帧播放，把每一帧存成视频。

用 Claude 做动效，常见的有三种方式：

1. Claude Motion：Anthropic 在 claude.ai 中推出的 beta 功能，面向 Team 和 Enterprise 套餐。描述一段简短的动画讲解，附上你自己的报告、数据或图片，在对话里修改，再导出 MP4。它不是视频生成模型：不会生成实拍画面，也不会生成 AI 人物。详情见 Claude Motion 指南。
2. 直接给 Opus 5.5 一条提示词：在对话或 Claude Code 里，让它把动画写成 HTML、Canvas 或 Three.js 页面。X 上大家分享的 Claude 动效短片，大多是这一种。每次运行结果都不一样，录屏或渲染需要自己完成。
3. 在编程 Agent 里用 Skill：Claude Skill 是一个装着说明和文件的文件夹，Claude Code（以及 Codex、Cursor、Gemini CLI）在请求匹配时加载它。动效 Skill 告诉 Agent 怎样规划片子、用哪种风格、怎样检查每一帧、怎样渲染 MP4，所以每次都能保持同样的质量。

Claude motion graphics 示例

用我们的 Skill 做的

下面每支片子都由编程 Agent 借助我们的某个 Skill 导演并渲染，素材真实，配乐原创。点播放可以听到声音。

单品风格，每支都为一个示例产品渲染：

用 Claude Motion 做的，来自 X

创作者自己发出来的真实 Claude Motion 作品。点开每张卡片，可以看到视频、作者和原帖。

给 Opus 5.5 一条提示词做的

Opus 5.5 只凭一条提示词、不用任何 Skill，从零写成一个 HTML 页面的动画。

更多作品按场景和制作方式分类，见作品库。

做 MG 动画的 Claude Skill

「Claude，把这个做成动画」和一支能直接发出去的片子之间，差的就是一个动效 Skill。它带着风格、节奏规则、检查流程和渲染方法，Agent 不用每次都从一张白纸开始。我们的 Skill 分两种。

单品风格：一种风格只做一件事，时长从几秒到半分钟：一个标题、一段 Logo 片头、印刷风或蓝图风的发布片、用剪纸或白板讲清一个想法。每款 $4.90，也可以用套餐全部解锁。

完整版 Skill：做某一种片型的整支片子，内置多种风格：配合你剪辑的标题与转场、品牌片头、数据片、讲解片、竖屏短片或图文卡片。

所有 Skill 都在 Skill 商店。想先试试，Motion Director 是免费 Skill，用 Google 登录即可使用，能做一支 10–20 秒、任何类型的片子，风格可选动态文字、数据故事或白板。

用 Claude Code 或 Codex 做 MG 动画

你需要一个编程 Agent（Pro 或 Max 套餐里的 Claude Code，或者 Codex、Cursor、Gemini CLI）、Node.js 22 或更新版本、FFmpeg 和 Google Chrome。不需要 API 密钥。

1. 一句话安装 Skill。 在一个文件夹里打开 Agent，粘贴：

   Read https://claude-motion.com/skills/motion-director/install.md and follow it to install the "motion-director" skill, then make a first video with it.
   

   Agent 会运行一条命令 npx motion-skills install motion-director；第一次运行时，在浏览器里用 Google 登录即可。

2. 说明用途，指出素材。 例如：「根据 CHANGELOG.md 里的 2.0 更新说明，给我们的产品视频做一段 15 秒的 16:9 片头标题。品牌色在 brand.css 里。」Skill 会列出画面上要出现的每个字和数字，并注明出处。

3. 确认关键帧。 动手之前，它先选好风格和配色，给你看一帧画面。改一帧比改一整支片子快得多。

4. 让它制作、检查、配乐。 它用 HTML 和 GSAP 写出动画，查看自己渲染的画面，逐行对照你的素材检查，再写一段原创配乐。

5. 用大白话提修改。 「Logo 多停一会儿」「换成我们的绿色」。它只改那一处，再重新渲染。

6. 拿到文件。 要发布就用 MP4；要叠在剪辑软件里的素材上，就用带透明通道的 MOV；也能导出 GIF 和 WebM。

在 Codex 里，这个 Skill 放在 ~/.agents/skills/，在 Cursor 里放在 .cursor/skills/；安装指南会把它放到你的 Agent 读取的位置。每一步的详细过程，以及一支真实片子从需求说明到最后一次修改的经过，见如何用 Claude Code 做视频。其他 Agent 见用 Codex、Cursor 或 Gemini CLI 做视频。

Claude 动效提示词

如果你更想写提示词而不是装 Skill，Claude Motion 提示词页收录了带预览的风格提示词，每条都标明在哪里运行：Claude Motion 提示词和 Opus 5.5 提示词。好的动效提示词要说清楚：谁来看、在哪里看、多长、用哪些内容、怎么收尾。比如给 Claude Motion 的：

为[谁来看，例如：在 YouTube 上看我们产品视频的观众]做一段 15 秒的 16:9 动态文字标题。只用这些文字：[你的标题，例如「更快上线」]、[你的副标题，例如「2.0 版」]。每个节拍一个词，用我们的颜色[例如黑色和青柠绿]，不用图库图片。最后停在标题上，保持两秒。

把 [方括号] 换成你自己的文字即可。用 Skill 要写的更少：给它素材和一句话就行，其余的都在 Skill 里。

常见问题

Claude 能做 MG 动画吗？

能。Claude 把 MG 动画写成代码（会动的文字、图表、形状和 Logo），再把代码渲染成视频。在 Team 和 Enterprise 套餐的 Claude Motion 里，可以直接从 claude.ai 导出 MP4；在 Claude Code、Codex 或 Cursor 里，动效 Skill 会在你的电脑上渲染出 MP4。

有做 MG 动画的 Claude Skill 吗？

有。动效 Skill 是编程 Agent 加载的一个装着说明和文件的文件夹，比如我们的单品风格（动态文字标题、Logo 片头、发布片）和完整版 Skill（标题与转场、品牌片头、数据片）。Motion Director 是免费 Skill，用 Google 登录即可使用。

用 Claude 做 MG 动画，一定要有 Claude Motion 吗？

不用。Claude Motion 是 beta 功能，只面向 Team 和 Enterprise 套餐。Pro 或 Max 套餐可以用 Claude Code 加动效 Skill，做出同类动画并在自己电脑上渲染；Free 套餐可以在 Codex、Cursor 或 Gemini CLI 里用这个 Skill。

做出来的东西能放进 Premiere、Final Cut 或剪映里用吗？

能。Skill 可以渲染 MP4，也可以渲染带透明通道的 MOV，用来把标题、下方字幕条和片头叠在你自己的画面上。GIF 和 WebM 也可以导出。

要花多少钱？

Motion Director 免费。每个单品风格或完整版 Skill 售价 $4.90，也可以通过套餐获得全部 Skill：每月 $9.90、每年 $79，或一次性 $169 购买创始终身通行证。不用积分，唯一的用量是你 Agent 本身的用量。

Claude 能做带真实画面或真人的 MG 动画吗？

不能。Claude Motion 不会生成实拍画面或人物，我们的 Skill 也不会：它们让文字、图表、形状、你的截图和照片动起来。需要实拍镜头，就自己拍，再把 MG 动画叠在上面。

延伸阅读

• Claude 能做视频吗？：Claude 能做什么、做不了什么，以及三种做法。
• Claude Motion 是什么？和 Claude Motion 的使用权限与价格。
• HyperFrames 与 Remotion 对比：用代码做视频的两个主流引擎。
• Claude Motion 替代方案：从代码框架到浏览器应用。

Claude 是 Anthropic, PBC 的商标。作品库中的视频归原作者所有。