跳至主要內容

CLAUDE + REMOTION

用 Claude + Remotion 做影片,免去專案建置

喜歡用程式碼做影片,卻不想每支短片都維護一個 React 專案?一行安裝指令,加上一條真正的時間軸,就能做到同樣的事。

每月 $19.9 起 · 支援 Claude Code 與 Codex · 獨立營運,與 Anthropic 無關

使用 Claude Motion 必須訂閱付費的 Creator 或 Studio 方案,不提供 Free 免費版。

HYPERFRAMES 時間軸 · 0:24 / 2:10

文字

標題重點提示

圖表

自然搜尋長條圖管道篩選

互動

小測驗拖曳配對

音訊

配樂 · 旁白

在你自己的 CLAUDE CODE 或 CODEX 上執行 · 以 HYPERFRAMES 打造 · MP4 + 互動網頁

跳過 Remotion 專案建置

  • 什麼都能放進來

    文件、腳本、課程筆記、PPT,或只是一個粗略的想法。

  • 挑選動態風格

    每種風格都會先用你自己的內容預覽。

  • 由你自己的 Agent 打造

    由 Claude Code 或 Codex 撰寫,畫面不消耗積分。

開始使用 Claude Motion

Remotion、HyperFrames 與 Claude Motion 比較

  • 少寫程式碼

    場景由你的 Agent 來寫。

  • 視覺化編輯

    有時間軸,不只是程式碼。

  • 可互動的成品

    有測驗與篩選,不只是影片。

開始使用 Claude Motion
REMOTIONHYPERFRAMESCLAUDE MOTION
製作方式ReactHTML + 可拖曳定位的動畫你的 Agent + 我們的 Skill
輸出影片影片互動網頁 + MP4
建置每支影片一個專案CLI一行指令安裝

算繪 MP4,或分享線上連結

  • 算繪 MP4

    在你自己的電腦上以 HyperFrames 進行確定性算繪。

  • 分享連結

    公開或密碼保護連結,附觀看次數與測驗統計。

  • 配樂與旁白

    現在加或之後再加,自然的英文與中文語音。

開始使用 Claude Motion

從一種動態風格開始

每種風格都內建圖表、篩選、測驗與拖放互動,也可以讓你的 Agent 自由設計。

把內容做成動畫。可多選喜歡的風格,由 AI 根據內容匹配。

瀏覽和多選不會下載資源包。

匹配風格並開始創作

你需要的功能都在這裡

  • 動態風格

    挑一種風格,或讓你的 Agent 自由設計。

  • 動態圖表

    內建 ECharts,樣式一致。

  • 測驗與拖放

    預設即可互動。

  • HyperFrames 時間軸

    編輯片段、時間與區塊。

  • 旁白

    英文與中文,品牌名稱念得正確。

  • 配樂

    現在生成,或之後再加。

  • 分享連結

    公開或密碼保護,附統計資料。

  • MP4 算繪

    在本機進行,結果可重現。

如何不建置 Remotion 也能用 Claude 做影片

  1. 1把一行安裝指令貼到 Claude Code 或 Codex。
  2. 2放入你的文件並挑選動態風格,配樂可以現在選或之後再選。
  3. 3在 HyperFrames 時間軸上微調,然後算繪 MP4 或分享連結。
安裝 Claude Motion:執行 npx -y claudemotion@latest setup,並依照輸出的提示完成。

第一次執行會開啟瀏覽器登入,點一下就好,不用碰終端機。

常見問題

Remotion 是免費的嗎?

Remotion 有自己的授權條款,公司使用需選擇付費方案;詳情請見 remotion.dev。

可以匯出到 Remotion 嗎?

目前還不行。Claude Motion 以 HyperFrames 算繪並匯出 MP4。

程式碼驅動的影片,省去建置的麻煩

開始使用 Claude Motion