Communitygithub.com

產品發布影片技能

一個可重複使用的 Codex 技能,用於製作高品質產品發布影片、活動圖像、聲音設計、渲染與品質保證。

產品發布影片技能 是什麼?

此 AI 代理技能旨在直接產出可分享的完成廣告,而非僅止於腳本或故事板。它支援真實產品(使用提供的素材或僅透過 URL)以及虛構/概念產品,並能根據產品類別(運動鞋、奢侈品、科技產品等)自動調整創意方向。技能依賴 `imagegen` 生成影像,並使用 `hyperframes` 生態系統進行動畫、合成與驗證。工作流程包含八個步驟:建立事實來源、鎖定創意方向、建立產品規範、建構敘事剪輯、設計音效、建立 HyperFrames 合成、驗證與交付。輸出格式預設為 15 秒、9:16 垂直、1080x1920、30fps H.264 MP4 與立體聲 AAC 音訊,並附帶一張海報 JPG 與提示紀錄。該技能強調藝術指導而非模板化,要求產品身分一致、光線合理、鏡頭語言具敘事功能、文案簡潔且可驗證,以及動態能傳達產品個性。

相容平台~Claude Code✓Codex CLI~Cursor
npx skills add kh-bikash/product-launch-video-skill

在你喜歡的 AI 中提問

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

說明文件

建立產品發布影片

產出一個可分享的完成廣告,而非僅是腳本,除非使用者明確要求概念或處理方式。

預設交付物

當簡報中省略技術選擇時,使用:

  • 15 秒
  • 9:16 垂直,1080x1920
  • 30 fps H.264 MP4 與立體聲 AAC 音訊
  • 四個產品視覺:主視覺、微距、使用/動作、最終揭示
  • 五個場景搭配設計好的轉場
  • 原創非人聲配樂與音效
  • 一張海報 JPG 與一條影像提示紀錄

推斷非關鍵的創意細節。僅在遺漏資訊會改變產品身分、事實主張、品牌所有權或媒體權利時才提問。

必備的附屬技能

  • 使用 imagegen 生成新的照片級產品影像或進行影像編輯。
  • 使用 hyperframes:hyperframes、hyperframes:hyperframes-cli 和 hyperframes:gsap 進行合成、動畫、驗證和渲染。
  • 如果簡報來源是 URL,僅使用瀏覽或網站擷取來收集產品事實和素材;將此產品發布工作流程保留為製作權威。

在執行其管轄的動作之前,請先閱讀完整的附屬技能說明。

工作流程

1. 建立事實來源

對工作進行分類:

  • 真實產品且提供素材: 保留產品幾何形狀、標籤、顏色、商標位置和包裝。當重新生成會改變身分時,優先使用編輯或合成。
  • 真實產品但僅有 URL: 從權威產品來源驗證當前事實和主張。在允許的情況下擷取有用的素材。
  • 虛構或概念產品: 建立原創的產品身分和輪廓。不要模仿受保護的標誌或標誌性品牌圖案。

提取或推斷:產品類別、目標受眾、單一承諾、佐證點、品牌調性、發布行動呼籲以及交付格式。

不要虛構規格、獎項、認證、永續性聲明、醫療效益、效能百分比、價格或供應情況。用質化語言取代不支援的數字。

當產品符合捆綁設定檔時,產生一個確定性的起始計劃:

node scripts/plan_launch.mjs --product footwear-athletic --duration 15 --mood premium --name "產品名稱" --output LAUNCH_PLAN.md

可用的設定檔定義於 data/product-profiles.json;支援的時間結構定義於 data/duration-structures.json。將生成的計劃視為創意基準線,然後使用提供的素材、真實產品事實和使用者的簡報進行優化。

2. 鎖定創意方向

在撰寫合成 HTML 之前,建立 DESIGN.md。包含:

  • 一段風格提示
  • 兩到三種核心顏色及其精確十六進位值
  • 一種顯示字體和一種對比輔助字體
  • 鏡頭語言和燈光規則
  • 動態節奏和轉場家族
  • 三到五個明確的反模式

根據產品的材質、目標受眾和承諾來選擇方向,而不是套用通用的暗色霓虹燈處理。閱讀 references/product-direction.md 以了解特定類別的鏡頭和燈光決策。

3. 建立規範性產品鎖定

撰寫一個關於不可變更產品的簡潔描述:

  • 輪廓和比例
  • 材質和表面處理
  • 顏色配置
  • 接縫、控制項、閉合件或包裝結構
  • 授權時的標誌或商標位置
  • 禁止的圖案和不變量

首先生成或選擇乾淨的主視覺影像。在生成其他角度之前先檢查它。將被接受的主視覺作為後續每個影像的參考,並在每個提示中逐字重複產品鎖定。

絕不要依賴生成的影像內文字作為品牌文案。生成無文字或浮水印的乾淨產品攝影,然後在 HTML 中新增精確文字。

在生成影像集之前,請閱讀 references/image-prompting.md。

4. 建構敘事剪輯

從 references/launch-structures.md 中選擇符合要求時長的結構。

對於預設的 15 秒剪輯,使用以下弧線:

  1. 品牌或產品登場
  2. 材質或功能微距
  3. 產品使用中或動感佐證
  4. 完整產品揭示
  5. 品牌鎖定和行動呼籲

將標題保持在 3 到 7 個字。讓每個場景由一個想法主導。使文案具有產品針對性並基於證據。

5. 搭配剪輯設計音效

當使用者提供時,使用使用者提供的授權音訊。否則,使用 scripts/generate_score.mjs 建立一個克制的原創配樂:

node scripts/generate_score.mjs --output assets/launch-score.wav --duration 15 --energy high --transitions 2.8,5.8,8.9,11.9 --seed 2401

將衝擊點與主要揭示和轉場對齊。節制使用呼嘯聲。讓配樂足夠支撐,使廣告在沒有旁白的情況下仍然可以理解。

6. 建立 HyperFrames 合成

  • 在製作動畫之前,先將每個場景建立在其完全可見的主視覺狀態。
  • 使用至少三個視覺圖層:影像/背景處理、主要內容和強調/元資料。
  • 為每個場景提供具有不同方向、持續時間和緩動效果的入場動畫。
  • 對大多數場景變化使用一個主要的轉場家族,並為揭示主視覺使用一個更強烈的強調轉場。
  • 讓轉場執行所有非最終的退場。只有最終場景可以獨立淡出。
  • 分別對影像包裝器和場景容器進行動畫處理,以避免變換衝突。
  • 對靜態影像使用微妙的鏡頭運動:平移、漂移、焦距變換或縮放推進。不要在每個場景中使用相同的環境運動。
  • 保持所有邏輯確定性。不要使用無限重複或隨機時間行為。
  • 為配樂使用一個獨立的定時 <audio> 元素。

預設轉場路由:

  • 奢侈、美容、香水:焦距變換、模糊交叉淡出、色彩漸變
  • 運動、汽車、高能消費品:縮放穿越加上可控焦距變換
  • 技術、精密電子產品:快門、推入、焦距變換
  • 食品、飲料、溫暖生活方式:漏光或柔和模糊交叉淡出

7. 驗證並優化

在最終交付前執行以下所有步驟:

  1. npx hyperframes lint
  2. npx hyperframes validate
  3. npx hyperframes inspect
  4. 動畫映射分析(當其依賴項可用時)
  5. 草稿渲染
  6. 提取並視覺檢查每個場景至少一個主視覺影格
  7. 高品質最終渲染
  8. 探測最終檔案以確認時長、尺寸、影格率、編碼和音訊存在

修復每個 lint 錯誤、控制台錯誤、對比度失敗和非預期的版面問題。審查警告而不是廣泛地壓制它們。僅標記出真正有意的溢出或轉場重疊。

檢查編碼後的草稿,而不僅僅是瀏覽器合成。留意影像不一致、無法閱讀的文字、不支援的主張、尷尬的裁切、看起來廉價的重複運動、轉場閃爍以及空白的第一個或最後一個影格。

8. 交付

將使用者面向的交付物放置在工作空間的輸出目錄:

  • 最終 MP4
  • 來自一個強而有力產品影格的海報 JPG
  • 包含規範性產品鎖定和最終影像提示的提示紀錄

回報時長、解析度、編碼、影像生成模式和驗證結果。直接連結交付物。

品質標準

成功的結果必須感覺像是經過藝術指導,而非模板化:

  • 產品身分在所有鏡頭中保持一致。
  • 光線解釋了材質和形狀。
  • 鏡頭角度具有明確的敘事工作。
  • 文案精簡、準確且可驗證。
  • 動態傳達產品個性。
  • 音訊點綴剪輯而不壓倒它。
  • 最終影格可用作品牌結束卡。
  • 匯出的 MP4 即可分享,無需額外組裝。

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

相關技能