跳至主要內容

CLAUDE CODE 的 REMOTION SKILL

超越 Remotion 的 Claude Code 動態效果 Skill

安裝一套 Skill，Claude Code 就能把你的文件做成互動式動態內容，還能在 HyperFrames 時間軸上編輯。

安裝 Skill查看範例

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

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

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

文字

標題重點提示

圖表

自然搜尋長條圖管道篩選

互動

小測驗拖曳配對

音訊

配樂 · 旁白

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

一次安裝，整套動態效果 Skill

  • 什麼都能放進來

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

  • 挑選動態風格

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

  • 由你自己的 Agent 打造

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

安裝 Skill

動態效果 Skill 比較

  • 影片專案

    適合的地方繼續用 Remotion。

  • 文件與課程

    使用 Claude Motion。

  • 應用程式介面

    Framer Motion。

安裝 Skill
SKILL最適合輸出
Remotion Skill程式化影片MP4
Framer Motion SkillReact 應用程式中的介面動畫網頁元件
Claude Motion Skill文件、課程、資料故事互動網頁 + MP4

影片類 Skill 做不到的互動區塊

  • 會動的圖表

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

  • 測驗

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

  • 拖放練習

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

安裝 Skill

從一種動態風格開始

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

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

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

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

你需要的功能都在這裡

  • 動態風格

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

  • 動態圖表

    內建 ECharts，樣式一致。

  • 測驗與拖放

    預設即可互動。

  • HyperFrames 時間軸

    編輯片段、時間與區塊。

  • 旁白

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

  • 配樂

    現在生成，或之後再加。

  • 分享連結

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

  • MP4 算繪

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

如何安裝 Claude Motion Skill

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

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

常見問題

可以兩者一起用嗎？

可以。各個 Skill 彼此獨立：影片專案繼續用 Remotion，文件轉動態內容則用 Claude Motion。

延伸閱讀

給 Claude Code 一個能像影片工具一樣編輯的動態效果 Skill

安裝 Skill