Communitygithub.com

Pluviobyte/video-production-skills

創建暗色電影風格的SaaS/產品動態影片,採用Presenton風格的「魔幻UI」手法:黑色星空舞台、底部紫光、大型動態字體、青轉洋紅CTA按鈕、提示卡、浮動UI模板、整合徽章、模型環、匯出物件、速度模糊過場及簡短產品能力弧線。當使用者要求「這種風格」、「同款風格」、暗色SaaS宣傳、AI產品演示、魔幻UI產品影片或參考影片的風格級創作時使用。請勿用於像素級或影格精確複製;請先使用 reference-video-replica-qc。

video-production-skills 是什麼?

該技能專注於生成暗色、電影感、UI風格化的產品動態影片,靈感來自Presenton等工具的「魔幻UI」風格。它適用於SaaS宣傳片、AI產品演示和科技感品牌影片,支援HyperFrames和Remotion等平台,並提供從構思、場景選擇、動畫構建到品質檢查的完整工作流程。技能強調風格層次的創作,而非逐畫素複製,並包含明確的硬性風格規則,確保輸出具有統一的視覺特徵。

相容平台~Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/Pluviobyte/video-production-skills/tree/HEAD/dark-saas-magic-video

在你喜歡的 AI 中提問

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

說明文件

暗色 SaaS 魔幻影片

角色

以暗色、電影感、UI 風格創建全新的產品影片。這是一個風格生成技能,而非對齊參考的技能。請在 ai-motion-director 選定風格層級產品或 SaaS 影片路線後使用。

經典展示

  • 人類顯示名稱:暗色 SaaS 魔幻短片
  • 範例完成作品:雪踏烏雲暗色 SaaS 介紹短片
  • 檔案:assets/showcases/xuetawuyun-dark-saas-showcase-1080p.mp4
  • 將此作為風格參考:用於比例、節奏、場景詞彙和最終打磨。除非使用者要求相同品牌/帳號,否則請勿複製其文字。

邊界

  • 使用此技能進行風格層級創作:「做成這個感覺」、「類似 Presenton 這種風格」、「暗色科技感 SaaS 產品短片」、「AI 工具產品演示」。
  • 請勿用於像素級、影格精確或時間戳記精確的重製。請先使用 reference-video-replica-qc。
  • 請勿取代 product-launch-video;僅在所請求的視覺語言特指暗色魔幻 UI 時使用,而非一般產品發表。
  • 除非使用者明確要求 Remotion,否則請使用 HyperFrames 建構。

必讀文件

在撰寫腳本之前,請閱讀:

  1. references/style-language.md
  2. references/scene-blueprints.md
  3. references/timing-presets.md
  4. references/asset-contract.md

在最終交付前,請閱讀 references/qc-checklist.md。

輸入

收集或推斷:

  • 產品名稱與一句承諾
  • 目標觀眾與平台
  • 時長預設值:sting、standard 或 extended
  • 痛點詞彙或開場主張
  • 核心工作流程:提示、生成、連接、模型、匯出、分享、自動化
  • 可用資產:標誌、螢幕截圖、UI 卡片、整合標誌、匯出名稱
  • 輸出比例與存檔代號

若缺少資產,請使用抽象 UI 卡片與文字徽章。說明結果是風格層級的產品影片,而非產品精確的 UI 錄製。

硬性風格規則

  1. 使用帶有細緻顆粒/星空粒子及微弱底部紫色地平線輝光的黑色空間舞台。
  2. 避免使用持續的水平霓虹線背景;這會使風格變得平淡。
  3. 使用大型白色動態字體作為故事節點,而非小型標籤。
  4. 至少包含一個青轉洋紅漸層 CTA,觸發可見的轉換。
  5. 主要物體在其最顯眼的影格中必須夠大:提示卡、CTA、UI 面板、徽章環或匯出物件不得看起來像微小遠處的道具。
  6. 使用速度模糊、拖曳、縮放衝刺或白色速度擦除作為主要過場效果。
  7. UI 物件應呈現從黑暗中召喚出來的效果:卡片、徽章、資料夾、模型晶片、應用程式視窗或匯出膠囊。
  8. 切勿加入未經說明的全螢幕純色閃光。
  9. 切勿對此風格工作流程聲稱像素級的精確度。

工作流程

1. 塑造弧線

從 references/timing-presets.md 中選取時長預設值。將產品映射為 5-8 個能力節拍。偏好因果鏈:文字承諾 -> 提示 -> CTA 點擊 -> 生成結果 -> 整合/模型 -> 匯出 -> 最終主張。

2. 選取藍圖

使用 references/scene-blueprints.md 選擇場景模組。請勿盲目使用所有模組;請搭配產品的實際能力。

3. 使用 HyperFrames 建構

載入相關的 HyperFrames 技能:

  • hyperframes 用於腳本編寫
  • hyperframes-cli 用於 lint、驗證、檢查、渲染
  • hyperframes-animation 用於速度模糊、字體動畫、環、游標點擊
  • hyperframes-media 僅在需要音訊、TTS、音效或字幕時使用

使用確定性動畫。先建構主要影格,然後再動畫進入。

4. 品質檢查

使用 references/qc-checklist.md。若使用者提供了參考影片且關心對齊,也請使用 reference-video-replica-qc。

輸出

交付最終的 MP4 路徑、QC 對照表路徑、確認的規格,以及標註時長預設值與所用場景模組的簡短說明。

相關技能