Motion Skills
← 教學

如何在 Claude Code、Codex 或 Cursor 中安裝 Skill

Skill 是一個資料夾，裡面有給 Agent 看的 SKILL.md 說明檔案，以及範本和指令碼。安裝一次之後，只要你的請求匹配，Agent 就會自動使用它。

最快的方式：讓 Agent 幫你裝

在任意 Skill 頁面複製安裝提示詞，貼上給你的 Agent：

閱讀 https://claude-motion.com/skills/<slug>/install.md，依說明安裝「<slug>」Skill，然後用它做出第一支影片。

Agent 會讀取安裝說明，請你在瀏覽器中下載壓縮包，解壓到正確的目錄，再完成第一次渲染。

手動安裝

  1. 在 Skill 頁面下載 ZIP。
  2. 解壓時保留資料夾名（<slug>/SKILL.md）：
    • Claude Code： ~/.claude/skills/<slug>/，或專案內的 .claude/skills/<slug>/
    • Codex： ~/.agents/skills/<slug>/
    • Cursor： 專案內的 .cursor/skills/<slug>/
    • Gemini CLI： ~/.gemini/skills/<slug>/
  3. 新開一個 Agent 會話，讓它載入這個 Skill。
mkdir -p ~/.claude/skills
unzip -o ~/Downloads/kinetic-type-title.zip -d ~/.claude/skills/

電腦上需要準備什麼

  • Node.js 22 或更新版本
  • FFmpeg（macOS 上執行 brew install ffmpeg）
  • Google Chrome（渲染器會以無介面方式呼叫它）

第一次渲染時，HyperFrames CLI 會透過 npx 自動安裝。

如何使用

直接提需求就行，比如「做一張 9:16 的標題卡，文字是『更快發表，安心入睡』」。Agent 會複製範本、寫好 brief.json、執行 hyperframes check、檢視截圖排查排版問題，然後渲染出 MP4 並告訴你檔案位置。