Communitygithub.com

SwapnilDawar2004/motion-piece

製作動態圖形影片,適用於SaaS產品發布、功能解說、介面動畫、標題序列、片尾卡、HUD與文字疊加,以Claude Motion電影形式呈現(程式繪製、可拖曳、可註解、可匯出MP4),僅在需要實拍片段時混入Higgsfield素材,圖形部分不消耗額度且可隨意修改。

motion-piece 是什麼?

這是一個專為Claude Motion設計的技能,讓開發者與創作者能透過程式碼生成動態圖形影片,大幅降低對傳統影片素材的依賴。其核心優勢在於:所有圖形元素(字型、UI、動畫)皆由程式碼繪製,因此修改成本極低,且不消耗任何生成額度;只有在需要真人、實景或實體產品鏡頭時,才透過Higgsfield這類外部服務取得短片段。 該技能支援多種影片需求,包括SaaS產品發布影片、功能操作解說、介面互動展示、動態標題、片尾卡、HUD資訊疊加等,尤其適合需要「動態文字+UI+持續運動」風格的場景。它強烈建議從使用者自身的品牌檔案(如style.md、品牌色、字型、過往作品)出發,避免產出千篇一律的「Claude預設風格」;同時要求優先以音樂決定影片節奏,並限制每部影片僅使用1-2個招牌動畫效果。 技能內建完整的製作流程:從使用者需求訪談(intake)、節奏規劃(beats)、到透過Motion artifact建構影片、最後進行審查與修改。它明確指出在不適合使用Motion的情境(如需要旁白、對話、或超過60秒的影片)應改採其他工具(如rough-cut或Premiere)進行後製組裝。 此技能的核心哲學是「用程式鎖定可編輯的部分,只修改使用者明確指出的問題」,並嚴格禁止未經授權使用第三方商標、真實歌曲或AI生成的內嵌文字。

相容平台✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/SwapnilDawar2004/ai-video-skills/tree/HEAD/skills/motion-piece

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

motion-piece — 以程式碼繪製圖形,僅在需要時使用實拍片段

Claude Motion 教學的核心心得:生成片段 + 可編輯程式圖形 代表你只需重新生成出問題的鏡頭,而非整部影片。程式圖形不消耗任何生成額度,且可在數秒內修改完成。AI 新創公司最常要求的就是 SaaS 與產品發布影片。

哪些做法通常有效(請根據使用者喜好調整)

  • 「動態圖形」通常指動態字型 + UI + 持續運動,而非抽象的粒子效果。
  • 角色與故事往往比單純字型更有力。對於發布影片,若情節允許,加入一段小小的「人味」鏡頭。
  • 畫面文字不宜過多;每個字都應該夠大、夠短、夠清楚。
  • 僅使用真實產品用語(例如:筆記應用程式的「快速擷取、搜尋、共享筆記本、離線同步」)。絕對不能憑空發明功能。
  • 在規劃前,請先閱讀 ~/.claude/skills/taste/taste.md。

避免產生預設的 Claude 外觀

目前以程式碼製作的動態影片正逐漸趨同:從線條中浮現的遮罩文字、柔和發光球體、彈性彈入效果、玻璃卡片、漸層字詞、以及相同的緩動曲線。如果某個畫面看起來像是任何人用 Claude 都能製作出來的,就請修改它。在開始建構前:

  • 從使用者的作品出發,而非從預設模板開始。 從 style.md、品牌檔案以及使用者過往的影片作品中提取視覺風格(例如:蠟筆粉彩紋理、筆觸塗抹、16mm 電影底片顆粒、高畫素藝術風格、剪紙風格等)。優先重複使用使用者自己的效果,而非發明全新的。
  • 先決定音樂。 從 sound-pass 取得配樂(優先使用使用者自己的音樂),並依據 beats.json 中的節拍來安排所有重大動畫的時間點。音樂決定影片節奏,而非程式碼。
  • 為這部影片挑選 1–2 個招牌動畫效果,並只使用這些;禁止使用上述預設動畫效果,除非品牌本身需要它們。
  • 使用開源效果庫:筆觸(p5.brush)、粒子系統(tsParticles)、著色器轉場(gl-transitions / xfade-easing)、動態文字(moving-letters)。僅能在明確授權(MIT/Apache/CC0)下使用,且使用前必須閱讀其程式碼;絕對不能盲目執行下載的程式碼;根據授權要求標示原作者。

步驟 0 — 務必先詢問使用者

在開始規劃前,先執行 ~/.claude/skills/taste/intake.md 中的需求訪談流程:品牌、字型、顏色、參考資料、偏好、音樂、特效。每個問題均可回答「跳過」。

步驟 1 — 規劃影片節奏

決定片長(預設 15–30 秒)、畫面比例(16:9;Reels/Shorts 使用 9:16;動態消息使用 1:1)以及 4–7 個節奏:鉤子 → 這是什麼 → 如何運作(2–3 個產品重點畫面)→ 證明或回饋 → Logo/CTA。每個節奏應標明哪些部分屬於程式圖形(字型、UI、計數器、圖表、轉場、Logo),哪些(如果有的話)屬於實拍片段(人物、真實場景、實體產品拍攝)。

預設為全程式圖形。僅在節奏需要真實人物或物理實體感時才加入實拍片段。實拍片段來自素材工廠(asset-sheet → kling-prompt),無聲,每段長度 3–5 秒。

以簡潔卡片形式向使用者展示規劃結果(包含「開始製作」/「修改規劃」按鈕),同時顯示該影片的生成額度成本(全程式圖形則為 0)。

步驟 2 — 以 Claude Motion 電影形式建構

  • 從 Artifact 工具的 quickstart 或類型清單中找到 Motion artifact 類型來啟動一個 Motion artifact,並使用真實的 title(影片名稱)以及 auto_open: "after_first_write"。然後嚴格遵循建立結果所攜帶的指示——這些指示是關於如何填充 Motion 電影(其儲存文件、場景模組、素材、配樂)的權威來源,同時也說明了哪些內容會被拒絕(禁止使用現有歌曲、其他公司的 Logo 或專有設計、以及已知角色)。
  • Motion 的第一個步驟會詢問風格/顏色/片長。如果需求訪談(步驟 0)已經回答了這些問題,則使用那些答案;否則讓 Motion 類型自行提問。
  • 品牌:當使用者擁有或為該公司工作,或擁有其品牌工具包時,請使用該公司的真實顏色、字型和 Logo。
  • 實拍片段:將每個剪輯片段作為影片素材上傳到電影中(mp4 格式,小尺寸——480p/720p 對於無聲插入片段來說已足夠)。片段以無聲方式播放;電影的配樂則由程式碼創作。

步驟 3 — 審查

Motion 電影擁有獨立的頁面,支援拖曳時間軸與註解功能。為了讓使用者做出決定,僅在該類型工具允許的情況下才將完成的影片匯出或錄製為 MP4;否則請發送影片連結(「請先觀看,再決定是否採用」),並附上 「定稿」/「修改」 選項。可選地,在審查頁面(參見 ~/.claude/skills/taste/desk.md)上展示影片。修改要求應以一句簡短原因或時間軸上的註解形式返回;只修復被點名的部分。

當 Motion 不是合適工具時

  • 需要旁白、嘴形同步或真實對話音訊 → 先在 Motion 中建構圖形部分,匯出後再透過 rough-cut(或純程式碼管線:index.html + render.mjs → MP4)與 VO 組合。
  • 需要超過約 60 秒的長度,或需要在 Premiere 中進一步剪輯 → 從 Motion 匯出 MP4,並在 Premiere 中剪輯;若需要透明背景的疊加圖層 → 從程式碼管線匯出透明 ProRes。
  • 教學影片中曾展示匯出到 After Effects 和 Blender 的功能;但這並非 Motion 的已確認功能——請勿承諾此功能。

修改

鎖定已正常運作的部分,只修改使用者明確點名的部分。 保留現有的規劃/檔案,僅編輯被點名的部分(例如:「顆粒感更強」、「所有視覺風格統一」、「文字跳出感更強」、「節奏更明快」),加入使用者提供的任何新參考素材,然後重新渲染。絕不要因為一則評論就從頭重建。

絕對禁止

  • 除非使用者為該公司工作或擁有該公司的品牌工具包,否則絕對不得使用其他公司的 Logo、UI 或專有設計。
  • 絕對不得使用真實歌曲作為配樂。
  • 絕對不得在實拍片段內放置 AI 生成的文字**——所有文字必須由程式碼繪製。**

相關技能