跳过主要内容

让 CLAUDE ARTIFACTS 动起来

把 Claude Artifacts 变成可以导出的动效

Artifacts 是很好的交互页面，但没有时间线，也不能导出 MP4。Claude Motion 把两样都补上，任何套餐的 Claude Code 都能用。

让 Artifact 动起来查看示例

每月 $19.9 起 · 支持 Claude Code 与 Codex · 独立运营，与 Anthropic 无关

使用 Claude Motion 必须订阅付费的 Creator 或 Studio 套餐，不提供 Free 免费版。

HYPERFRAMES 时间线 · 0:24 / 2:10

文字

标题重点提示

图表

自然搜索柱状图渠道筛选

交互

小测验拖拽配对

音频

配乐 · 旁白

运行在你自己的 CLAUDE CODE 或 CODEX 上 · 基于 HYPERFRAMES · MP4 + 可交互网页

Artifact、Motion 与 Claude Motion 对比

  • 保留交互

    图表、测验、筛选。

  • 加上时间线

    在 HyperFrames 上调时长、裁剪。

  • 导出 MP4

    本地渲染。

让 Artifact 动起来
HTML ARTIFACTMOTION（TEAM/ENT.）CLAUDE MOTION
可交互是否是
时间线否编辑器HyperFrames 时间线
导出 MP4否是是
套餐任意Team / Enterprise任何套餐的 Claude Code

从你已经问过 Claude 的内容开始

  • 什么都能放进来

    文档、脚本、课件、PPT，或者一个粗略的想法。

  • 选一种动效风格

    每种风格都先用你自己的内容预览。

  • 由你自己的 Agent 生成

    由 Claude Code 或 Codex 来写，画面不消耗积分。

让 Artifact 动起来

导出 Artifact 导不出的东西

  • 渲染 MP4

    在你自己的电脑上用 HyperFrames 确定性渲染。

  • 分享链接

    公开或密码链接，附访问和测验统计。

  • 配乐与旁白

    现在加或之后加，自然的中英文声音。

让 Artifact 动起来

从一种动效风格开始

每种风格都自带图表、筛选、小测验和拖拽，也可以让 Agent 自由设计。

把内容做成动画。可以多选喜欢的风格，由 AI 根据内容匹配。

浏览和多选不会下载资源包。

匹配风格并开始创作
浏览全部动效风格

你需要的功能都在这里

  • 动效风格

    选一种风格，或让 Agent 自由设计。

  • 动态图表

    内置 ECharts，风格统一。

  • 小测验与拖拽

    默认可交互。

  • HyperFrames 时间线

    编辑片段、时间和区块。

  • 旁白

    中英文旁白，品牌名读音准确。

  • 配乐

    现在生成或之后再加。

  • 分享链接

    公开或密码访问，附数据。

  • MP4 渲染

    本地、确定性渲染。

如何让 Claude Artifact 动起来

  1. 1把 Artifact 的内容（或它背后的文档）存到一个文件夹。
  2. 2在装好 Claude Motion 的 Claude Code 里，让它做成动效。
  3. 3在时间线上微调，渲染 MP4。
安装 Claude Motion：运行 npx -y claudemotion@latest setup，并按输出提示完成。

第一次运行会打开浏览器登录，点一下就好，不用碰终端。

常见问题

Artifact 能导出成视频吗？

不能直接导出。可以录屏、用 Team/Enterprise 的 Motion，或用 Claude Motion 导出 MP4。

延伸阅读

给你的 Artifact 一条时间线

让 Artifact 动起来