跳至主要內容

CLAUDE MOTION 範例

值得直接借鏡的 Claude Motion 範例

用 claudemotion.design 製作的課程、更新報告、產品發表與解說，每個都附上背後的提示詞與風格。

照著做一個查看範例

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

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

挑選動態風格 · 預覽使用你的內容

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

能讓人動手互動的課程

  • 會動的圖表

    使用 ECharts，附提示框、圖例與即時篩選。

  • 測驗

    即時回饋、附解析並計分。

  • 拖放練習

    排序、配對與分類練習，自動批改。

照著做一個

一看就懂的更新報告

  • 什麼都能放進來

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

  • 挑選動態風格

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

  • 由你自己的 Agent 打造

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

照著做一個

發表短片與 B-roll

  • 算繪 MP4

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

  • 分享連結

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

  • 配樂與旁白

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

照著做一個

依風格瀏覽範例

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

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

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

匹配風格並開始創作
瀏覽所有動態風格

你需要的功能都在這裡

  • 動態風格

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

  • 動態圖表

    內建 ECharts，樣式一致。

  • 測驗與拖放

    預設即可互動。

  • HyperFrames 時間軸

    編輯片段、時間與區塊。

  • 旁白

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

  • 配樂

    現在生成，或之後再加。

  • 分享連結

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

  • MP4 算繪

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

如何改編一個 Claude Motion 範例

  1. 1打開一個範例，複製它的提示詞。
  2. 2換成你自己的文件，保留原本的風格。
  3. 3在時間軸上微調，然後算繪 MP4。
安裝 Claude Motion：執行 npx -y claudemotion@latest setup，並依照輸出的提示完成。

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

常見問題

這些是用 Anthropic 的 Motion 做的嗎？

不是。這裡的每個範例都是用獨立工具 claudemotion.design 製作的。

可以用於商業用途嗎？

你做出來的作品歸你所有。內容中出現的品牌名稱與標誌，由你自行負責。

延伸閱讀

下一個範例，可能就是你的

照著做一個