讓 CLAUDE ARTIFACTS 動起來
把 Claude Artifacts 變成可以匯出的動態效果
Artifacts 是很棒的互動網頁，但沒有時間軸，也無法匯出 MP4。Claude Motion 把兩者都補上，只要有 Claude Code，任何方案都能用。
每月 $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
在本機算圖。
| HTML ARTIFACT | MOTION（TEAM/ENT.） | CLAUDE MOTION | |
|---|---|---|---|
| 可互動 | 是 | 否 | 是 |
| 時間軸 | 否 | 編輯器 | HyperFrames 時間軸 |
| 匯出 MP4 | 否 | 是 | 是 |
| 方案 | 任何方案 | Team / Enterprise | 任何附 Claude Code 的方案 |
從你已經問過 Claude 的內容開始
什麼都能丟進來
文件、腳本、課程講義、PPT，或是一個粗略的點子。
選一種動態風格
每種風格都會先用你自己的內容預覽。
由你自己的 Agent 打造
由 Claude Code 或 Codex 撰寫，畫面不消耗積分。
匯出 Artifact 做不到的東西
算圖成 MP4
在你自己的電腦上用 HyperFrames 算圖，結果可重現。
分享連結
公開或設密碼的連結，附觀看次數與測驗統計。
配樂與旁白
現在加或之後再加，自然的英文與中文語音。
你需要的功能都在這裡
動態風格
選一種風格，或讓你的 Agent 自由設計。
動態圖表
內建 ECharts，風格一致。
測驗與拖放
預設即可互動。
HyperFrames 時間軸
編輯片段、時間與區塊。
旁白
英文與中文，品牌名稱念得正確。
配樂
現在產生或之後再加。
分享連結
公開或設密碼，附統計資料。
MP4 算圖
本機執行、結果可重現。
如何讓 Claude Artifact 動起來
- 1把 Artifact 的內容（或它背後的文件）存到一個資料夾。
- 2在已安裝 Claude Motion 的 Claude Code 裡，請它做成動態效果。
- 3在時間軸上細修，再算圖成 MP4。
安裝 Claude Motion：執行 npx -y claudemotion@latest setup，並依照輸出的提示完成。
第一次執行會開啟瀏覽器登入，點一下就好，不用碰終端機。
常見問題
Artifact 可以匯出成影片嗎？
無法直接匯出。你可以螢幕錄影、在 Team/Enterprise 方案使用 Motion，或用 Claude Motion 匯出 MP4。