Communitygithub.com

品牌宣傳片 (工作室作品集)

根據品牌自己的影片、標誌動畫與幾行文字,製作一支約 50 秒、暗色風格的動態工作室作品集宣傳影片,包含打字開場、3D 卡片環、故障風標題、多個聚光燈以及液態標誌揭幕,並附帶原創合成配樂、旁白與音效。

品牌宣傳片 (工作室作品集) 是什麼?

這項技能會從單一設定檔 `promo.json` 自動生成一支完整的宣傳影片。整體結構固定,僅內容會隨品牌而變。影片以打字動畫「Every story deserves to **move.**」開場,接著展示一個由 3D 卡片組成的環(展示所有作品),然後是帶有故障風標題的品牌名稱。每個作品會以聚光燈方式呈現,顯示在傾斜卡片或手機上,並播放該作品自己的音訊。中間插入「Your story… next.」過場,接著所有片段以 3D 方式飛過,最後以液態標誌揭幕作為結尾,顯示品牌名稱、晶片與網址。技能支援英文和高棉文旁白 (VoxCPM2),輸出為 1080p60 的 MP4 檔案,並可透過 CLI 進行預覽、分階段渲染與微調。對於需要快速製作工作室作品集、代理商或品牌宣傳影片的使用者,這項技能極具價值,即使只提供少量影片與標誌也能運作。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/chydevit/Skill-create-videos/tree/HEAD/plugins/video-skills/skills/brand-promo

在你喜歡的 AI 中提問

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

說明文件

品牌宣傳片 (工作室作品集) 是做什麼的?

此技能從單一設定檔 promo.json 製作一支完成的宣傳影片。每個畫面都在無頭 Chrome 中繪製,因此影片是純動態設計,沒有使用範本或素材片段:

  • 畫面: 品牌自己的片段、它的標誌動畫、它的文字。
  • 配樂: 用程式碼製作的原始合成音軌(128 bpm)。每個剪輯、重拍與節點都落在其小節上。
  • 旁白: VoxCPM2,在本地端執行。
  • 音效: 每個作品的音訊在自己的聚光燈中播放。

結構固定,適用於任何品牌規模。只有內容會改變。

時間段落
0-3.4 秒{ 每個故事 } 以打字方式出現,然後「值得 動起來。」
3.2-7.6 秒一圈 3D 卡片(所有作品的靜止畫面):「這裡有 我們 的五個作品。」
7.6 秒 (第 4 小節)重拍:開場破題,品牌名稱在故障感強調框中,附帶副標題
9.5 秒 + 各 5.6 秒每個作品一個聚光燈:標題區塊加上傾斜卡片(16:9)或手機(9:16)上的作品,「完整影片 · m:ss」標籤,自身的聲音搭配即時音量條
過場「你的故事」然後在旁白行最後一個字上出現大大的「接下來。」
衝刺每個片段以 3D 方式飛過,在旁白的短語上出現三個詞(撰寫 · 配音 · 動畫)
結尾液態標誌落在最後一個重拍上,向左滑開,品牌名稱淡入,然後是標籤與網址

長度為:5 個作品 51.5 秒,4 個作品 45.9 秒,3 個作品 40.2 秒。

需求:

  • ffmpeg、Node 22+ 以及 Google Chrome 或 Chromium (CHROME_PATH)。
  • 安裝了 numpy 和 scipy 的 Python (PROMO_PY)。
  • 需要旁白時,安裝 VoxCPM2 (VOX_PY,參見 scripts/voices.py)。如果沒有它,宣傳片就沒有旁白,或者你可以將自己的錄音檔放入 build/vox/<id>.wav。

工作流程

1. 收集宣傳片所需素材

  • 3-5 個作品: 品牌已完成作品的影片,長度不限。直式影片在手機上播放,橫式影片在卡片上播放。注意:

    • 每個作品要找一個 好的音效時刻,例如一句話的開頭或一個妙語:聚光燈中會播放其中 4 秒。將它的開始時間設定為 sound,或者不設定,系統會自動在影片約 35% 處的安靜間隙開始處選取。
    • 對於不該播放聲音的作品,設定 "mute": true。
  • 標誌動畫: 需要透明背景。最佳來源是使用液態風格執行 /generate-logo:

    generate-logo/scripts/animate.sh logo.png --styles liquid --prores
    

    這會產生 <name>-5s-liquid-alpha.mov 及其 -sfx.wav。透明的 -alpha.webm 或透明 PNG 也可接受。

  • 品牌資訊:

    • 品牌名稱,分成兩個顏色部分(例如 ["KumNit", " Studio"])。
    • 顏色:名稱使用兩個漸層、一個強調色、第二強調色和一個暖強調色。從標誌中讀取這些顏色。
    • 網站。
    • 品牌的業務內容:四個標籤。
  • 語言: "lang": "en" 或 "km"。對於高棉文,所有文字和旁白行都請使用自然的高棉文書寫。Kantumruy Pro 和 Koulen 字型已內含。

2. 撰寫專案

為專案建立一個資料夾,並將 examples/kumnit-showreel.json 複製到其中,命名為 promo.json,然後編輯它。每個鍵的說明都在 references/config.md 中。保持文字簡短:標題一到三個詞,每行最多六個詞。長行會自動縮小以適應,但閱讀效果較差。

在 voice.lines 中撰寫旁白,每個時刻一個簡短的句子:

  • next 的最後一個字應該是要顯示大字的那個詞。例如,「你的故事可能 接下來。」
  • rush 需要三個用逗點分隔的短語,分別對應三個衝刺詞(例如「我們撰寫它、配音它、並動畫化每個畫面。」)。

3. 預覽 (約 30 秒)

<skill>/scripts/promo.sh <project>/promo.json --preview

這會裁切素材、規劃時間點並渲染 12 張靜止畫面到 out/<name>-preview.png。仔細閱讀並檢查:

  • 卡片是否顯示正確的時刻。
  • 沒有擁擠的標題。
  • 標誌的構圖是否恰當(其標記應佔據其方框約 60% 的面積)。
  • 聚光燈是否交替出現。

若要修正某個畫面,請更改該作品的 sound 開始時間。然後刪除 assets/clips/p<k>、assets/bites/p<k>.wav 和 assets/manifest.json,再次執行預覽。

4. 渲染 (第一次約 10 分鐘)

<skill>/scripts/promo.sh <project>/promo.json        # 在背景執行

階段依序執行:素材、聲音、規劃、音樂、混音、渲染、編碼。

  • 聲音: 第一次執行會載入模型(約 2 分鐘),然後每行需要 10-60 秒。已存在的聲音行會被保留,因此若要重做,請刪除 build/vox/<id>.wav。
  • 渲染: 使用 2 個 Chrome 程序,約 4 分鐘。
  • 恢復: 使用 --from mix(或 render、encode)可從該階段開始重新執行。

輸出:out/<name>-1080p60.mp4 和 out/<name>-contact.png(每秒一張畫面)。

5. 交付前檢查

  • 閱讀聯絡單。
  • 使用 ffprobe 確認影片長度符合預期(5 個作品應為 51.5 秒)。
  • 混音已標準化至 -14 LUFS。
  • 你無法直接聽到結果,因此請告知使用者你已檢查過哪些項目(時間點、音量等級、畫面),並請他們聆聽。特別注意旁白與每個作品自身音效之間的比例。

調校

  • 音效: 將 sfxDir 設定為使用者自備音效的資料夾路徑,scripts/audio.py (SFX) 中的檔案名稱會優先嘗試使用該資料夾內的檔案。缺少的音效會自動合成,因此此技能在沒有音效庫的情況下也能運作。
  • 時間點: 時間點是根據 scripts/plan.py 中的旁白來測量的。每個作品的聲音會在其旁白行之後開始,並在下一個聚光燈之前停止。若要更改規則,請編輯 plan.py,而不是場景本身。
  • 外觀: 顏色來自 brand,所有動畫在 scripts/scene.mjs 中,配樂則在 scripts/music.py 中,其小節佈局在檔案頂部有說明。

Individual skills in this repo

This repo contains 4 individual skills — each has its own dedicated page.

brand-loop

Make a seamless looping background video of glossy 3D liquid blobs in a brand's colours. Two colour families float slowly in zero gravity, each merging and pinching off like mercury, on a soft off-white studio backdrop with a warm gradient, faint ripple rings, soft drop shadows and shallow depth of field. It renders in Blender EEVEE at 4K 60 fps as H.264, HEVC 10-bit and 1080p, and the last frame flows into the first. Use it whenever the user wants a looping background, brand backdrop, abstract 3D or liquid loop, motion background for a website, stream, event screen or presentation, a "seamless loop", or a background for their logo or text, or types /brand-loop.

generate-logo

Turn any logo image (PNG, JPG, WebP or SVG) into finished 5-second animated logo reveals in five styles (liquid, neon, bounce, lens, rise). Each comes as a 1080p60 MP4 with synthesised sound effects, a transparent WebM (optional ProRes 4444 .mov) for video editors, and a keyframe sheet. It can add a two-tone wordmark, render square or vertical versions for social media, and build a bespoke style for a particular logo. Use it whenever the user wants a logo animation, animated logo, logo reveal, intro, outro or sting, motion logo, a brand intro for a video, or "make my logo move", or types /generate-logo, even if they only attach a logo and say "animate this".

portfolio-reel

Make a ~30-second creator / freelancer / developer portfolio intro reel (1080p60 MP4) in one fixed, friendly motion-design style (template "skill 2"). A mustard-yellow gradient asks a hook question ("Looking for a … Video editor?"), a white circle wipes to a profile hero (round avatar, badge pill, "Hello, I'm …", roles split by bars, a black "Here's my work ↑" button). The page then scrolls through 1-4 work sections on light grey with window-light shadows, each a title plus 1-3 rounded cards playing the user's own clips or showing their pictures. A yellow light wipe brings two closing lines, then a black social profile card pops up with counting stats, a cursor clicks Follow (it turns into Following) and the card flips in 3D to its back. Two UIs: "classic" (the template) and "app" (a search bar that types the hook and opens a results dropdown, a bento dashboard of glass tiles, a carousel of browser and phone mockups, a chat screen for the closing lines, and a profile card with a co...

saas-promo

Make a kinetic SaaS / startup / product / developer promo video (1080p60 MP4) in one fixed, fast motion-design style: an ~11-second teaser, or a ~50-second version with chapters (one per product or project) cut on the beat of the user's own song. It opens with glyph flashes and purple/lime neon shapes, then types a word with a cursor while a 3D swirl of your screenshots orbits it. Cards slide onto a painted meadow and build a bento wall with words typing inside them, and the camera zooms into a card. A glowing gradient orb then reveals the headline word by word, and a glitch drops into a long-exposure flower on a blue-to-orange sky with flying symbols and "From … / To …". Every frame is drawn in code, with typing, whoosh, riser and impact sound effects and a synthesised ambient bed or your own song (its tempo and drop are measured, so every cut lands on the beat), mixed to -14 LUFS. English or Khmer. Use it whenever the user wants a SaaS promo, product or app teaser, a developer or...

相關技能