Communitygithub.com

品牌發布影片之星

從官方公司網站、經過驗證的品牌來源或用戶上傳的產品圖片,快速製作 15-30 秒、高衝擊力的品牌與產品行銷影片。適用於產品發布影片、網站動態影片、AI/SaaS 展示、產品宣傳片,以及需要精確標誌、真實圖像、英語優先文案、產品功能敘事、強大視覺效果、流暢轉場和確定性逐幀動畫的 Vibe Motion/Remotion 作品。

品牌發布影片之星 是什麼?

這是「品牌發布影片之星」技能,專為需要快速產出高品質、品牌精準的行銷影片而設計。其核心在於嚴格的真實性原則:絕不偽造或近似任何品牌資產(如標誌、產品介面),所有素材必須來自官方或使用者提供的原始檔案。技能支援 15-30 秒的影片長度,預設為 16:9 比例、30fps、英語文案,並可在 Vibe Motion 或 Remotion 專案中運作。工作流程包含解析需求、建立品牌真實資料表、建立資產清單、選擇敘事架構、規劃精確影格、實作渲染與遞送產出。它內建多種驗證腳本,確保資產與時間軸的完整性,並在發現任何無法驗證的資產時要求使用者提供授權來源。此技能尤其適合需要結合真實產品功能展示、強烈品牌識別與流暢動態敘事的 AI/SaaS 或實體產品發布場景。

相容平台~Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/vibe-motion/skills/tree/HEAD/brand-launch-video-star

在你喜歡的 AI 中提問

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

說明文件

品牌發布影片之星 是做什麼的?

製作真實的產品發布影片,而非通用的動態模板。驗證品牌、講述產品特有的故事,並以精確的素材和確定性動畫渲染出快速、精緻的序列。

發布阻礙

  1. 使用真實素材。 絕不發明、重繪、近似、描摹或生成商標、字標、產品、介面、吉祥物、包裝、人物或品牌場景。
  2. 確保商標精確。 下載當前的官方檔案或使用使用者的原始檔案。絕不使用 CSS/SVG 基礎元素來排版字標或重建商標。
  3. 研究範圍超出上傳內容。 將上傳內容視為可用的來源材料,而非素材的上限。當故事需要時,尋找其他官方或授權材料。
  4. 展示產品。 展示實際的功能、互動、情境、輸出和證明。不要用抽象效果隱藏薄弱的產品故事。
  5. 預設使用英語。 僅在明確要求時才使用其他語言。
  6. 保持動畫的確定性。 根據影格/時間和明確的輸入來計算每個狀態。絕不依賴渲染順序或未設種子的隨機性。
  7. 驗證宣稱。 根據官方來源確認當前的名稱、功能、指標、標語和號召性用語。

如果無法驗證任何承載品牌識別的素材,請停止並要求取得授權的原始檔案。不要渲染看似合理的替代品。

僅將程式化圖形用作非具象的動態圖層:遮罩、漸層、色塊、網格、光暈、粒子、軌跡、排版、經過驗證的資料圖表以及轉場幾何形狀。

快速開始

安裝技能:

npx skills add vibe-motion/skills

使用具體的需求摘要來呼叫它:

使用 $brand-launch-video-star 為 https://example.com 建立一個 15 秒、16:9 的英語發布影片。
研究官方素材,展示核心產品工作流程,並交付一個 Vibe Motion/Remotion MP4 檔案及來源檔案。

在使用者現有的 Vibe Motion 或 Remotion 專案中工作。如果不存在,請使用 npx create-vibe-motion 初始化一個 Vibe Motion 專案,然後按照生成的專案自己的安裝和渲染指令進行操作。

在實作之前:

  1. 將 references/asset-manifest.example.json 複製到專案中,並取代每個範例值。
  2. 將 references/timeline.example.json 複製到專案中,並調整其持續時間和鏡頭。
  3. 驗證這兩個檔案:
node <skill-dir>/scripts/validate-assets.mjs path/to/asset-manifest.json
node <skill-dir>/scripts/validate-timeline.mjs path/to/timeline.json

僅使用 --schema-only 來檢視捆綁的清單模板:

node <skill-dir>/scripts/validate-assets.mjs \
  <skill-dir>/references/asset-manifest.example.json --schema-only

工作流程

1. 解析需求摘要

確定:

  • 公司/產品及官方 URL
  • 產品或行銷活動重點
  • 受眾與分發管道
  • 長度;預設為 15 秒,通常支援 15-30 秒
  • 長寬比;預設為 16:9
  • 語言;預設為英語
  • 所需的宣稱、號召性用語及免責聲明需求
  • 使用者是否擁有或可以發布所提供的素材

僅詢問會實質上改變影片的問題。

2. 建立品牌真實資料表

瀏覽當前的官方來源並提取:

  • 確切的商標變體與使用方式
  • 官方字型或網頁字型
  • 主要、次要及動態色彩
  • 品牌原則、語氣與視覺主題
  • 當前的產品名稱、功能、情境、指標與號召性用語
  • 官方攝影、渲染、UI 截圖、影片素材、新聞素材與媒體套件

優先順序:

  1. 使用者提供的原始檔案
  2. 公司網站、靜態套件、新聞室、品牌入口、媒體套件或官方儲存庫
  3. 公司控制的媒體庫
  4. 授權的圖庫或授權的合作夥伴套件

在取得素材之前,請先閱讀 references/asset-authenticity.md。

3. 建立素材清單

將每個承載品牌識別的素材記錄在 asset-manifest.json 中:

  • 穩定的 ID 與角色
  • 本地路徑
  • 確切的來源 URL
  • 來源類型
  • 官方驗證頁面/檔案
  • 權利/授權備註
  • 真實性狀態
  • 可選的 SHA-256 校驗和

驗證器會檢查清單結構、宣告的來源、本地檔案是否存在以及可選的校驗和。它不會獨立授予使用權或證明遠端來源的真實性;請手動執行官方來源比較。

在驗證失敗時,不要開始最終渲染。

4. 選擇敘事主軸

提出 2-3 個簡潔的方向並推薦一個:

  • AI/SaaS: 意圖 -> 思考/規劃 -> 能力 -> 執行 -> 輸出 -> 證明 -> 商標
  • 實體產品: 主角 -> 互動 -> 功能特寫 -> 使用情境 -> 結果 -> 商標
  • 服務/公司: 情境 -> 流程 -> 證據 -> 成果 -> 承諾 -> 商標
  • 以圖像為主的品牌: 真實圖像 -> 視覺主題 -> 利益 -> 情感回報 -> 商標

有關長度模式,請閱讀 references/story-patterns.md。

5. 規劃精確影格

使用 30fps,除非專案另有要求。將每個邊界轉換為整數影格。

對於 15 秒,目標是 5-8 個主要節拍;對於 30 秒,目標是 8-12 個。為每個節拍提供:

  • 開始/結束影格
  • 視覺主體與真實素材 ID
  • 主要動作
  • 預期、承諾、衝擊、煞車與穩定
  • 文案與可讀的停留時間
  • 色彩狀態
  • 進入/離開轉場

當連續性需要時,使用 6-12 影格的重疊。一個鏡頭掌握速度;下一個鏡頭掌握目的地。

6. 有控制地建立強度

  • 使用產品動態、游標路徑、光線、滾動內容、物體邊緣或匹配的幾何形狀來驅動轉場。
  • 使用 2-5 個具有強烈對比的刻意色彩狀態。
  • 每個節拍保持一個主要動作;將次要圖層延遲 2-6 影格。
  • 建立 2-3 個高能量峰值與較安靜的煞車時刻。
  • 保留可辨識的剪影、文案與商標的留白區域。
  • 避免偽造的 HUD、任意玻璃卡片、裝飾性文字牆、未經驗證的指標以及到處使用相同的緩動函數。

在實作之前,請先閱讀 references/motion-quality.md。

7. 展示因果關係

至少包含一個可讀的鏈條:

使用者意圖 -> 產品動作 -> 系統響應 -> 有用的輸出

對於 AI 產品:

提示 -> 規劃 -> 並行能力 -> 生成的結果 -> 證明

使用實際的 UI 截圖、錄製、原始碼或官方提供的截圖。如果實際 UI 不可用,請使用清楚的概念性抽象動態;絕不能偽造品牌化介面並將其呈現為真實。

8. 實作與渲染

對於 Remotion:

  • 定義 state = f(frame, fps, inputs, constants)。
  • 將鏡頭邊界保持在一個 timeline/constants 模組中。
  • 使用穩定的 ID 來設定程式化變化的種子。
  • 在推導速度時保留分數值。
  • 保持圖片尺寸與長寬比明確。
  • 在迭代過程中保留先前的合成/輸出。

優先使用專案的本地 CLI。典型的發現與渲染指令是:

pnpm exec remotion compositions <entry-file>
pnpm exec remotion render <entry-file> <composition-id> out/launch-film.mp4

預設預覽:

  • 1920x1080
  • 30fps
  • H.264 MP4
  • 確切的請求長度
  • 以視覺為主的 V1;僅在請求或有可用時才加入聲音

9. 驗證

  • 執行素材清單與時間軸驗證。
  • 執行合成發現/建置與目標 lint/類型檢查。
  • 驗證媒體長度、影格率、尺寸與檔案完整性。
  • 檢查代表性影格與完整渲染結果。
  • 針對節奏、清晰度、衝擊力、真實性與流暢性,詢問帶有時間碼的回饋。

10. 遞送來源檔案

提供:

  • 渲染後的影片
  • 合成/原始碼路徑
  • 確切的規格與長度
  • 素材清單
  • 品牌/產品來源連結
  • 權利/免責聲明備註
  • 版本識別碼

說明影片何時是未經官方授權的概念片,以及何時商業發布需要獲得許可。

失敗恢復

  • 錯誤的商標: 移除它,找到當前的官方檔案,記錄來源,然後重新渲染。
  • 看起來假的產品/UI: 用官方、使用者提供或授權的媒體取代它;不要改善模仿品。
  • 快速但混亂: 減少同步動作,指派一個視覺主體,並在剪輯之間保留匹配的動態。
  • 漂亮但過於通用: 加入完整的產品互動、經過驗證的宣稱與真實的輸出。
  • 流暢但緩慢: 縮短停留時間,重疊轉場,並僅在關鍵訊息周圍煞車。
  • 素材不可用: 要求取得授權的原始檔案;絕不能猜測。

Individual skills in this repo

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

相關技能