Communitygithub.com

goetzphillip10-dotcom/Claude-Video-2

Claude Video 2.0。使用 Claude Code 免費製作工作室品質的動態圖形。它會打開一個包含 21 種風格、以真實影片預覽的圖庫,讓使用者選擇一種風格,接著詢問 5 個簡短問題,然後用程式碼(HTML + GSAP,並透過 HyperFrames 渲染成 MP4)建立作品。

Claude-Video-2 是什麼?

這個技能是一個強大的 AI 代理工具,專為 Claude Code 設計,目的是將自然語言請求轉化為專業的動態圖形影片。它引導使用者從一個包含 21 種真實影片風格的圖庫中進行選擇,然後透過 5 個簡短問題來縮小設計範圍,最後自動生成一個基於 HTML/GSAP 的專案,並將其渲染為 MP4 格式。此工具的獨特之處在於其結構化的「分鏡」檢查流程:它會產生產出前的靜態幀預覽、進行節奏和循環檢查,並能整合使用者的媒體或透過 Higgsfield AI 生成剪輯(需獲得明確授權)。支援的觸發詞包括「幫我做一個動態圖形」、「製作影片片頭」、「動畫化這個」、「/claude-video-studio」等,非常適合不需要手動編碼即可快速製作高品質動態圖形的使用者。

相容平台✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/goetzphillip10-dotcom/Claude-Video-2/tree/main

在你喜歡的 AI 中提問

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

說明文件

Claude Video 2.0

三個階段:A. 挑選風格(圖庫)-> B. 五個問題 -> C. 建置(分鏡、靜態幀、渲染、檢查)。 每個步驟都遵循 references/hacks.md 中的 5 個訣竅:一種風格、真實參考、數據化簡報、 一個循環時鐘,以及檢查畫面而非程式碼。

下面的 $SKILL 代表此技能的資料夾(通常位於 ~/.claude/skills/claude-video-studio)。 請為每個作品建立一個新的工作資料夾(例如 ./video-<短名稱>/)。切勿在 $SKILL 內部進行建置。

開始之前

執行 bash $SKILL/scripts/doctor.sh 一次。如果缺少某些東西,請向使用者提供單一修復指令並停止。

階段 A:挑選風格

  1. 在背景啟動圖庫(使用您的背景執行選項;它會在 127.0.0.1 上提供服務,並在 90 分鐘後自動停止): python3 $SKILL/scripts/gallery.py 它會在使用者的瀏覽器中開啟並列印出網址。同時也將網址提供給使用者,以防瀏覽器未自動開啟 (如果只需要網址,請加上 --no-open)。一旦他們選好風格,就可以停止它,或者讓它繼續執行:它會自行停止。
  2. 在一次簡短的訊息中說: "您的風格圖庫已開啟:<網址>。每個方塊都是由程式碼製成的真實影片。將方塊翻轉到 '包含媒體' 即可查看搭配真實照片和影片的效果。在您喜歡的風格上按下 '使用此風格' 並將它 貼在這裡。或者貼上 1 到 3 個您自己參考資料的連結或圖片。"
  3. 當他們回答時:
    • 一個風格 ID(例如 paper-world):讀取 $SKILL/styles/<id>/STYLE.md。該規格現在即是此作品的準則。
    • 他們自己的參考資料:逐一查看(開啟連結、閱讀圖片)。在工作資料夾中撰寫一個新的規格檔 STYLE.md,格式遵循 $SKILL/references/style-format.md。描述每個參考資料是如何製作的 (遮罩文字、慢速攝影機、長停留時間),包含十六進制顏色和緩動數值。用 5 行來呈現它。
    • "由您決定":為他們的主題選擇最佳風格,並用一句話說明原因。

階段 B:問題

讀取 $SKILL/questions.md。將其兩個 --- 線之間的區塊,逐字作為一則訊息發送。 跳過他們已經告訴過您的任何資訊。接受 "go" 作為對所有預設值的肯定。僅在需要時使用其後續追問。

階段 C:建置

  1. 數據化簡報(訣竅 3)。在工作資料夾中撰寫 BRIEF.md:尺寸(16:9 為 1920 x 1080, 9:16 為 1080 x 1920)、長度、30 fps、是否循環、確切文字、以十六進制表示的色板(品牌顏色取代 風格的顏色,但其規則保留)、字體及其連結、緩動數值,以及永遠適用的禁止清單: 無色相漸變、無發光、無光暈或鏡頭光暈、在視線跟隨的物體上無線性緩動、無所有元素置中、無從零縮放、 螢幕上最多 6 個單詞、一種強調色、無假金屬光澤。 當所選風格自身的標誌性元素與此清單衝突時(例如太陽的光芒、置中的小工具),以風格為準: 其圖庫影片即為證明。清單上的其他規則仍然適用。
  2. 分鏡表。 撰寫 storyboard.json(鏡頭及其時間、圖形的作用、以及每個鏡頭的素材: code、user_photo、user_clip 或 generate;請參閱 $SKILL/examples/storyboard.json)。執行 python3 $SKILL/scripts/storyboard.py storyboard.json 並顯示表格。
    • 如果任何鏡頭是 generate(一個 Higgsfield AI 剪輯),表格會顯示信用額度估算。在花費任何 額度之前,停止並等待一個明確的 "yes"。然後逐一製作每個剪輯: python3 $SKILL/scripts/higgsfield.py generate ... --out media/shotN.mp4 --yes,並在使用前 檢查每個剪輯的 3 個幀。請參閱 $SKILL/references/media.md。
    • 若無 AI 剪輯,則顯示表格並繼續,除非他們提出異議。
  3. 建置。 bash $SKILL/scripts/new_project.sh <work>/proj 16x9|9x16 <秒數> <風格 id>。 如果該風格有參考作品,專案會以它的副本開始:根據簡報更改文字、顏色、時間和 尺寸(腳本會在尺寸或長度不同時發出警告;然後重新佈局,切勿裁切)。 否則從模板開始建置。如果必須循環且參考作品沒有,則遵循 $SKILL/references/loops.md。 重要的規則:
    • 所有動畫共用一個時鐘(訣竅 4):使用 studio.js 中的 STUDIO.play(t => render(t), { loop }),或一個暫停的 GSAP 時間軸。相同時間輸入,產生相同畫面:沒有 Math.random(使用 STUDIO.rng)、沒有 Date.now、沒有計時器。
    • 字體:僅限免費字體,每個字體透過一個 <link> 載入;如果任何字體有連結,則所有字體都必須有連結 (請參閱 $SKILL/references/hyperframes.md)。
    • 媒體應放置在設計內部(遮罩、卡片、形狀),永遠不要在難以閱讀的文字下方,永遠不要在臉部上方。
    • 將使用者的照片和影片複製到 <work>/proj/media/ 中。切勿移動或更改他們的原始檔案。
  4. 3 張待核准的靜態幀(訣竅 5)。bash $SKILL/scripts/stills.sh <work>/proj <t1>,<t2>,<t3>,每個時間點約在 鏡頭轉換後 0.6 秒,且物體已就定位(如果您想自行審查,可以查看更多幀)。讀取 stills/peek.jpg。像一位嚴厲的資深動態設計師一樣, 對構圖、動態、文字、顏色和創意進行 1 到 10 分的評分。修正最差的 3 個問題;重複直到所有評分都在 8 分或以上。然後向使用者展示這 3 張靜態幀和 評分,並詢問:「可以渲染了嗎?」等待一個「是」(如有任何註解:修正、新的靜態幀、再次詢問)。
  5. 渲染。 bash $SKILL/scripts/render.sh <work>/proj <work>/out/draft.mp4 draft。
  6. 檢查。 python3 $SKILL/scripts/pacing_check.py <work>/out/draft.mp4(如果是循環則加上 --loop;無超過 1 秒的死寂間隔,螢幕上無少於 0.3 秒的內容),如果是循環,則執行 python3 $SKILL/scripts/loop_check.py <work>/out/draft.mp4 --project <work>/proj (0 秒時的幀必須與結束時的幀相同)。閱讀聯絡表。修正並重新渲染,直到兩項檢查都通過。
  7. 最終輸出。 bash $SKILL/scripts/render.sh <work>/proj <work>/out/final.mp4 high,再次對其執行檢查。
  8. 交付。 提供路徑、長度、畫面尺寸、檔案大小、檢查結果、評分,以及您下一步會嘗試什麼的一句話。 e. 如果檔案超過 20 MB,也製作一個較小的副本以便分享: ffmpeg -v error -i final.mp4 -c:v libx264 -crf 22 -preset slow -an final-share.mp4。 然後讀取 $SKILL/config.json。如果 link 不為空,則以一句話結尾: "更多風格與幫助:<連結標籤或連結> <連結>"。如果為空,則不提此事。

嚴格規則

  • 切勿要求、列印、記錄或提交 API 金鑰。金鑰僅存在於 shell 或 .env 檔案中。
  • 在展示帶有成本的分鏡表並獲得該計畫的明確 "yes" 之前,切勿花費信用額度。
  • 切勿將臉部覆蓋在文字或圖形下方。
  • 未實際執行檢查,切勿宣稱檢查通過。未查看畫面,切勿宣稱風格正確。
  • 每個作品一種風格。一種強調色。禁止清單永遠適用。
  • 僅限免費字體。切勿將字體檔案複製到專案中。

檔案

  • gallery/ 圖庫頁面及其影片。scripts/gallery.py 負責提供服務。
  • styles/<id>/ 21 種風格:STYLE.md(色板、字體、緩動、動畫規則、標誌性動作、媒體、禁止清單), 以及 index.html(一個完整的可運作參考作品,適用於大多數風格)。
  • questions.md 階段 B 的問題(可自由編輯)。config.json 可選的結尾連結。
  • references/ 附有來源的 5 個訣竅、動畫數值、HyperFrames 規則、製作循環、媒體模式與 Higgsfield、風格格式。
  • templates/motion/ 空白起始模板和 studio.js(一個循環時鐘)。
  • scripts/ 醫生、圖庫、新專案、靜態幀、渲染、節奏檢查、循環檢查、分鏡、higgsfield。
  • examples/ 一個小型簡報和一個分鏡表。

相關技能