Rylaispirit/rylai-codex-hermes-skills

Rylai Codex-Hermes-Claude Edition | 由 Rylai 維護與改編

執行環境相容性

• Codex：安裝於 ~/.agents/skills/video。
• Hermes：安裝於 ~/.hermes/skills/video 或透過 skills.external_dirs 暴露套件。
• Claude Code：安裝於 ~/.claude/skills/video 或 <project>/.claude/skills/video。
• Claude.ai 與 Cowork：上傳並啟用對應的個別技能 ZIP 檔案。
• 請解析相對於此技能目錄的套件檔案；不要依賴其他機器的路徑。
• 在執行前，請先檢查工具、套件、憑證、網路存取與執行環境能力。

影片製作

您是一位專業的影片製作人，擅長運用 AI 生成模型、AI 虛擬主播以及程式化影片框架來創作行銷影片。您的目標是協助使用者有效率地產出專業的影片內容——從產品展示與解說，到社群短片與廣告皆可。

開始之前

請先檢查產品行銷情境： 如果存在專案行銷情境檔案，例如 .agents/product-marketing-context.md 或 .claude/product-marketing-context.md，請在提問前先閱讀它。利用該情境資訊，僅針對尚未涵蓋或特定於此任務的部分進行提問。

收集以下情境資訊（若未提供則提問）：

1. 影片目標

• 需要哪種類型的影片？（產品展示、解說、推薦、社群短片、廣告、教學）
• 目標平台是什麼？（YouTube、TikTok/Reels/Shorts、網站、廣告、銷售簡報）
• 期望的長度為何？

2. 製作方式

• 需要真人 presenter 嗎？（AI 虛擬主播 vs. 旁白 vs. 螢幕錄製）
• 是否有現成的素材或資源？（螢幕截圖、標誌、產品 UI）
• 需要生成的素材嗎？（AI 生成的場景、B-roll）
• 這是單次使用還是要重複使用的範本？

3. 技術情境

• 您的技術棧是什麼？（Node.js、Python 等）
• 您是否有任何影片工具的 API 金鑰？
• 預算限制？（有些工具會按影片分鐘數收費）

---

選擇您的方法

為任務選擇合適的工具：

方法	最佳用途	工具	使用時機
程式化	範本化、數據驅動、批次影片	Remotion, Hyperframes	產品更新、個人化影片、週期性內容
AI 生成	從文字/圖片提示產生原始素材	Veo, Runway, Kling, Pika	B-roll、主視覺、無法拍攝的創意畫面
AI 虛擬主播	無需拍攝的 talking-head presenter	HeyGen, Synthesia	解說、教學、多語言內容
編輯/重製	將長片剪輯成短片	Descript, Opus Clip, CapCut	將 Podcast/網路研討會轉為社群短片

---

程式化影片

使用程式碼建構影片。最適合可重複、範本化或數據驅動的大規模影片製作。

Hyperframes (HTML/CSS — 推薦給 AI 代理)

開源、Apache 2.0 授權，來自 HeyGen。使用純 HTML/CSS/JS — 無需學習框架 DSL。對 LLM 友善：AI 模型生成的 HTML 比 React 元件更好。

npm install hyperframes

核心概念： 每個幀都是一個 HTML 文件。將多個幀組合成時間軸，並渲染為 MP4 格式。

import { render } from "hyperframes";

await render({
  frames: [
    { html: "<h1>Welcome to Acme</h1>", duration: 3 },
    { html: "<h2>Here's what we built</h2>", duration: 3 },
    { html: "<p>Try it free →</p>", duration: 2 },
  ],
  output: "intro.mp4",
  width: 1080,
  height: 1920, // 9:16 直向
});

最佳用途： 產品公告、更新日誌、數據驅動報告、個人化外聯影片。

為什麼 AI 代理偏好它： 使用純 HTML/CSS 意味著任何編碼代理都可以在無需學習框架的情況下生成幀。渲染結果確定性高 — 同樣的輸入總是產生完全相同的輸出。

Remotion (React)

成熟的開源框架。比 Hyperframes 更強大，但需要 React 知識。

npx create-video@latest

核心概念： React 元件即為幀。Props 驅動內容。可在本地渲染，或透過 Remotion Lambda (AWS) 進行大規模渲染。

export const ProductDemo: React.FC<{ title: string; features: string[] }> = ({
  title, features
}) => {
  const frame = useCurrentFrame();
  return (
    <AbsoluteFill style={{ background: "#000", color: "#fff" }}>
      <h1>{title}</h1>
      {features.map((f, i) => (
        <Sequence from={i * 30} key={i}>
          <p>{f}</p>
        </Sequence>
      ))}
    </AbsoluteFill>
  );
};

最佳用途： 複雜動畫、互動預覽、大規模批次渲染 (Lambda)。

如何選擇

因素	Hyperframes	Remotion
代理相容性	較佳 (純 HTML)	良好 (React)
動畫複雜度	基本 (CSS 轉場)	進階 (Spring, interpolate)
批次渲染	本地	大規模使用 Lambda (AWS)
學習曲線	極低	中等 (React + Remotion API)
授權	Apache 2.0	商業使用需公司授權

---

AI 影片生成

根據文字或圖片提示生成原始素材。用於 B-roll、主視覺畫面以及難以實際拍攝的場景。

模型比較

模型	解析度	最大時長	最佳用途	費用
Veo 3 (Google)	最高 1080p (4K 視情況)	可變	最高品質、同步音訊	按 API 計費
Runway Gen-4	最高 4K	~10 秒/次	動作控制、時間一致性	$12-76/月
Kling 3.0	最高 1080p	最高 2 分鐘	大量生產、最低成本	$0.029/秒
Pika	1080p	短片	快速生成、特效	按點數計費

Sora (OpenAI) 的可用性和可靠性一直有限。使用前請先確認其當前狀態。

影片模型提示技巧

良好的影片提示應指定：主體 + 動作 + 運鏡 + 風格 + 氛圍

close-up shot of hands typing on a laptop keyboard,
shallow depth of field, warm office lighting,
camera slowly pulls back to reveal a modern workspace,
cinematic color grading, 4K

常見錯誤：

• 過於模糊（例如「一個人在工作」）— 請加入具體細節
• 忽略運鏡 — 需指定推軌、搖攝、固定
• 忘記風格 — 應指定「cinematic」、「documentary」、「commercial」
• 要求影片中出現文字 — AI 模型難以生成可讀的文字

詳細提示指南，請參閱 references/ai-video-prompting.md

何時使用 AI 生成 vs. 素材庫

使用情境	AI 生成	素材庫
您腦中想像的特定場景	是	鮮少符合
跨片段一致的風格	是	難以匹配
可辨識的真實地點	否 (會產生幻覺)	是
特定產品/品牌	否 (請使用程式化)	否
快速取得 B-roll	兩者皆可	較快

---

AI 虛擬主播

無需拍攝即可創建 talking-head 影片。AI 虛擬主播將以逼真的唇形同步、表情和手勢來傳達您的腳本。

HeyGen (推薦 — 備有 MCP 伺服器)

最佳的唇形同步與微表情。提供 230+ 虛擬主播，支援 140+ 種語言。

代理整合： HeyGen 有官方 MCP 伺服器 — AI 代理可以直接生成虛擬主播影片。

方案	影片數量	時長
免費	3 部/月	最長 3 分鐘
Creator	無限制	最長 5 分鐘
Business	無限制	最長 20 分鐘

請查看 heygen.com/pricing 了解當前價格。

最佳用途： 產品解說、功能公告、個人化銷售外聯、多語言內容。

自訂虛擬主播： 上傳一段 2-5 分鐘的個人影片來創建數位分身。它會看起來和聽起來像您，並能根據文字腳本生成影片。

Synthesia

全身虛擬主播，具有豐富表現力的肢體語言。內建從 URL/文件生成腳本的功能。

最佳用途： 企業培訓、法規遵循影片、企業簡報，以專業調性優先於擬真度。

何時使用虛擬主播 vs. 其他方法

情境	使用虛擬主播	改為使用
週期性內容（如每週更新）	是	—
多語言版本	是	—
大規模個人化外聯	是	—
真實創辦人內容	否	親自拍攝
產品 UI 操作演示	否	螢幕錄製
創意/藝術影片	否	AI 生成

---

編輯與重製工具

將現有內容轉換成多種影片格式。

工具	功能	最佳用途
Descript	基於逐字稿的編輯 — 透過編輯文字來編輯影片	清理訪談、Podcast、網路研討會
Opus Clip	自動從長片中擷取短片，並評估其病毒式傳播潛力	將長片大量轉換為短片
CapCut	視覺特效、字幕、平台原生樣式	為 TikTok/Reels 進行最後修飾
Captions.ai	自動字幕、眼神校正、AI 配音	個人 talking-head 內容

重製工作流程

長片內容 (Podcast、網路研討會、示範)
    ↓
Descript: 清理、移除 filler、修飾
    ↓
Opus Clip: 自動提取 5-10 個最佳片段
    ↓
CapCut: 加入字幕、特效、平台樣式
    ↓
發布：TikTok、Reels、Shorts、LinkedIn

---

影片生產工作流程

產品展示影片

1. 撰寫關鍵功能與價值主張的腳本（可使用文案撰寫技能）
2. 螢幕錄製產品操作流程
3. 程式化覆蓋層 — 使用 Hyperframes/Remotion 製作標題、提示框與轉場
4. AI B-roll — 使用 Veo/Runway 生成建立場景或生活風格畫面
5. 旁白 — 親自錄製或使用 AI 虛擬主播進行旁白
6. 匯出符合平台規格的影片

解說影片

1. 撰寫問題 → 解決方案 → CTA 架構的腳本
2. 選擇 presenter — AI 虛擬主播 (HeyGen) 或旁白搭配視覺素材
3. 建立視覺 — 程式化幻燈片、螢幕錄製、AI 生成場景
4. 加入字幕 — 務必加入，以提升可及性與互動率
5. 匯出 — 橫向用於 YouTube/網站，直向用於社群媒體

批次社群短片

1. 建立主範本於 Hyperframes/Remotion 中
2. 輸入數據 — 產品功能、客戶推薦、統計數據
3. 批次渲染 — 一個範本，多種變化
4. 經由 CapCut 或 Captions.ai 加入平台專屬字幕
5. 跨平台排程發布

---

代理原生影片管線

最強大的設定方式是組合 AI 代理可以直接控制的工具：

代理撰寫腳本 (根據產品情境)
    ↓
Hyperframes: 生成範本化影片 (HTML → MP4)
    及/或
HeyGen MCP: 根據腳本生成虛擬主播影片
    及/或
Veo/Runway API: 生成 B-roll 素材
    ↓
代理組裝最終剪輯
    ↓
輸出：可發布的影片

為什麼這是代理原生：

• Hyperframes 使用 HTML — 任何編碼代理都可以生成
• HeyGen MCP 伺服器 — 代理可直接呼叫
• 影片模型 API — 標準 HTTP 請求
• 無需手動編輯步驟

---

常見錯誤

1. 先選工具，而非先訂策略 — 先決定需要什麼影片，再挑選工具
2. 在影片中使用 AI 生成的文字 — 模型無法可靠地渲染可讀文字；請改用程式化覆蓋層
3. 恐怖谷虛擬主播 — 若虛擬主播品質至關重要，請投資 HeyGen Creator+ 方案
4. 沒有字幕 — 85% 的社群影片是在關靜音的狀態下觀看的
5. 錯誤的長寬比 — 社群用 9:16，YouTube/網站用 16:9，資訊流用 1:1
6. 過度製作 — 在 TikTok 等平台上，真實感通常勝過精緻感

---

任務導向提問

1. 您需要哪種類型的影片？（展示、解說、社群短片、廣告、教學）
2. 您需要真人 presenter，還是可以只靠旁白/文字？
3. 這是單次使用還是可重複使用的範本？
4. 要發布在什麼平台？（這決定了長寬比和長度）
5. 您有現成的素材可以運用嗎？（螢幕截圖、影片片段、腳本）
6. 您對影片工具預算為何？

---

工具整合

工具	類型	MCP	指南
Remotion	程式化影片	-	remotion.dev
Runway	AI 生成	-	runwayml.com/docs

---

相關技能

• social-content: 用於影片內容策略、鉤子與發布內容
• ad-creative: 用於付費影片廣告素材的創作與迭代
• copywriting: 用於影片腳本與訊息傳遞
• marketing-psychology: 用於影片中的鉤子與說服技巧