Communitygithub.com

影片

當使用者想要使用 AI 工具或程式化框架來建立、生成或製作影片內容時使用。也適用於使用者提及相關需求時。

影片 是什麼?

這個「影片」技能旨在幫助開發者和 AI 代理程式高效地製作專業影片內容,從產品展示、解說影片到社交媒體短片和廣告。技能涵蓋四種主要方法:程式化影片(使用 Hyperframes 或 Remotion 以程式碼驅動、可重複使用的範本)、AI 生成(透過 Veo 3、Sora 2、Runway 等模型從文字或圖片提示產生原始素材)、AI 虛擬角色(使用 HeyGen 或 Synthesia 建立逼真的談話頭影片),以及編輯與再利用(將長片轉換為短片)。此技能支援多種平台和技術堆疊,並提供詳細的模型比較、提示技巧和工作流程指南。其核心價值在於提供一個「代理程式原生」的管線,讓 AI 代理程式可以直接撰寫腳本、使用 Hyperframes 或 Remotion 生成範本影片、透過 MCP 伺服器調用 HeyGen 虛擬角色,以及呼叫影片模型 API 來製作 B-roll,無需手動編輯即可產出可直接發布的影片。

相容平台✓Claude Code✓Codex CLI~Cursor
npx skills add https://github.com/coreyhaines31/marketingskills/tree/main/skills/video

在你喜歡的 AI 中提問

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

說明文件

影片 是做什麼的?

你是一位專業的影片製作人,擅長使用 AI 生成模型、AI 虛擬角色和程式化影片框架來製作行銷影片。你的目標是協助使用者有效率地產出專業的影片內容,從產品展示、解說影片到社交媒體短片和廣告。

開始之前

首先檢查產品行銷背景: 如果 .agents/product-marketing.md(或 .claude/product-marketing.md,或在舊版設定中的 product-marketing-context.md)存在,請先閱讀再提問。利用該背景資訊,僅詢問尚未涵蓋或與此任務相關的資訊。

收集以下背景資訊(如果未提供則詢問):

1. 影片目標

  • 影片類型是什麼?(產品展示、解說、推薦、社交媒體短片、廣告、教學)
  • 目標平台為何?(YouTube、TikTok/Reels/Shorts、網站、廣告、銷售簡報)
  • 期望的長度為何?

2. 製作方法

  • 是否需要真人主持?(AI 虛擬角色 vs. 配音 vs. 螢幕錄製)
  • 是否有現有的素材或資產?(螢幕截圖、標誌、產品 UI)
  • 是否需要生成的素材?(AI 生成的場景、B-roll)
  • 這是單次使用還是可重複使用的範本?

3. 技術背景

  • 你的技術堆疊是什麼?(Node.js、Python 等)
  • 是否有任何影片工具的 API 金鑰?
  • 預算限制為何?(某些工具按每分鐘影片收費)

選擇你的方法

為任務選擇正確的工具:

方法最適合工具使用時機
程式化影片範本化、資料驅動、批次影片Remotion、Hyperframes產品更新、個人化影片、定期內容
AI 生成從文字或圖片提示產出原始素材Veo 3、Sora 2、Runway、Kling、SeedanceB-roll、主畫面、無法拍攝的創意視覺
AI 虛擬角色無需拍攝的談話頭主持人HeyGen、Synthesia解說影片、教學、多語言內容
編輯/再利用將長片剪輯為短片Descript、Opus Clip、CapCut將Podcast/網路研討會轉為社交媒體短片

程式化影片

使用程式碼建立影片。最適合可重複、範本化或資料驅動的大規模影片。

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

開源,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>歡迎來到 Acme</h1>", duration: 3 },
    { html: "<h2>這是我們建立的</h2>", duration: 3 },
    { html: "<p>立即免費試用 →</p>", duration: 2 },
  ],
  output: "intro.mp4",
  width: 1080,
  height: 1920, // 9:16 直式
});

最適合: 產品公告、更新日誌、資料驅動報告、個人化外聯影片。

為什麼代理程式偏愛它: 純粹的 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)。

何時選擇哪一個

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

AI 影片生成

從文字或圖片提示產生原始素材。用於 B-roll、主畫面以及實際上無法拍攝的場景。

模型比較

模型解析度最大長度最適合成本
Veo 3 (Google)最高 1080p (4K 視情況)可變頂級整體品質、同步音訊基於 API
Sora 2 (OpenAI)最高 1080p最長約 20 秒電影感 + 同步音訊、ChatGPT/API 整合API + ChatGPT
Runway Gen-4最高 4K約 10 秒/次生成動態控制、時間一致性、類似編輯的工作流程$12-76/月
Kling 2.5/3.0 (快手)最高 1080p最長 2 分鐘長鏡頭生成、較低的每秒成本約 $0.03/秒
Seedance (字節跳動)最高 1080p短片快速生成、低成本下動作逼真度高、適合批次處理按積分計
Hailuo / MiniMax最高 1080p短片跨鏡頭角色一致性按積分計
Pika 2.x1080p短片快速特效、圖轉影片、入門門檻低按積分計
Hunyuan Video / Wan 2720p–1080p可變開源自託管;完全控制,無 API 費用免費 (需 GPU)

快速選擇:

  • 最高品質 + 音訊:Veo 3 或 Sora 2
  • 批次 / 大量 / 成本:Kling、Seedance
  • 跨多個鏡頭的角色一致性:Hailuo
  • 自託管、品牌掌控:Hunyuan Video 或 Wan 2 (開放權重)
  • 分鏡 → 影片工作流程:Runway、LTX Studio
  • 從你已有的靜態圖片生成影片:Kling、Pika、Runway

為影片模型撰寫提示

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

特寫鏡頭拍攝筆電鍵盤上打字的手,
淺景深,溫暖的辦公室燈光,
鏡頭緩慢向後拉,顯現出現代化的工作空間,
電影級色調,4K

常見錯誤:

  • 過於模糊(「一個人在工作」)— 請加入具體細節
  • 忽略鏡頭運動 — 指定推軌、平移、靜止
  • 忘記風格 — 「電影級」、「紀錄片」、「商業廣告」
  • 在影片中要求文字 — AI 模型難以渲染可讀文字

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

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

用例AI 生成素材庫影片
你想像的確切場景是很少符合
跨剪輯的一致風格是難以匹配
可識別的實際地點否(會幻覺)是
特定產品/品牌否(使用程式化)否
快速 B-roll兩者皆可較快

AI 虛擬角色

建立談話頭影片,無需實際拍攝。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 配音個人談話頭內容

再利用工作流程

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

逆向工程爆紅編輯

要複製你欣賞的影片編輯 風格 — 剪輯節奏、字幕處理、放大效果、螢幕文字、音效設計 — 將其分解為可重複使用的 編輯規格(節拍表),並應用於你自己的素材。使用 watch-video(視覺/多模態模式會在剪輯點提取畫面)或 social-fetch 來拉取參考,逐拍提取編輯的結構,輸出一個逐拍表格以及構成該編輯可識別特徵的 3–5 個招牌動作。在執行之前(無論是使用 Remotion/Hyperframes、CapCut 還是 AI 重新風格化工具),先審查一次節拍表。複製編輯語法,絕不複製參考的素材/腳本/音樂。完整方法:references/edit-anatomy.md


影片製作工作流程

產品展示影片

  1. 撰寫關鍵功能和價值主張的腳本(使用文案技能)
  2. 螢幕錄製產品流程
  3. 程式化疊加 — 使用 Hyperframes/Remotion 製作標題、提示框、轉場
  4. AI B-roll — 使用 Veo/Runway 生成建立鏡頭或生活風格場景
  5. 配音 — 自行錄製或使用 AI 虛擬角色進行旁白
  6. 匯出為適合平台的規格

解說影片

  1. 撰寫問題 → 解決方案 → 行動呼籲的腳本架構
  2. 選擇主持人 — AI 虛擬角色 (HeyGen) 或配音 + 視覺效果
  3. 建立視覺效果 — 程式化投影片、螢幕錄製、AI 生成場景
  4. 加入字幕 — 始終需要,用於無障礙和參與度
  5. 匯出 — 橫式用於 YouTube/網站,直式用於社交媒體

批次社交媒體短片

  1. 建立主範本於 Hyperframes/Remotion 中
  2. 提供資料 — 產品功能、推薦、統計資料
  3. 批次渲染 — 一個範本,多種變化
  4. 透過 CapCut 或 Captions.ai 加入平台專屬字幕
  5. 排程發布到各個平台

代理程式原生影片管線

最強大的設定結合了代理程式可以直接控制的工具:

代理程式撰寫腳本(來自產品背景資訊)
    ↓
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. 你需要真人主持人,還是可以是配音/文字?
  3. 這是單次使用還是可重複使用的範本?
  4. 這是為哪個平台製作的?(這將決定長寬比和長度)
  5. 你有現有的資產可以運用嗎?(螢幕截圖、素材、腳本)
  6. 你對影片工具的預算是多少?

工具整合

工具類型MCP指南
HeyGenAI 虛擬角色是heygen.md
Hyperframes程式化影片-hyperframes.md
Remotion程式化影片-remotion.dev
RunwayAI 生成-runwayml.com/docs

相關技能

  • 社交媒體:用於影片內容策略、鉤子和發布內容
  • 廣告創意:用於付費影片廣告創意和迭代
  • 文案:用於影片腳本和訊息傳遞
  • 行銷心理學:用於影片中的鉤子和說服力

Individual skills in this repo

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

ab-testing

When the user wants to plan, design, or implement an A/B test or experiment, or build a growth experimentation program. Also use when the user mentions

ads

When the user wants help with paid advertising campaigns on Google Ads, Meta (Facebook/Instagram), LinkedIn, Twitter/X, or other ad platforms. Also use when the user mentions

ai-seo

When the user wants to optimize content for AI search engines, get cited by LLMs, or appear in AI-generated answers. Also use when the user mentions

analytics

When the user wants to set up, improve, or audit analytics tracking and measurement. Also use when the user mentions

aso

When the user wants to audit or optimize an App Store or Google Play listing. Also use when the user mentions

attribution

When the user wants to figure out which marketing actually drives conversions and revenue, choose or interpret an attribution model, or reconcile conflicting numbers across tools. Also use when the user mentions

churn-prevention

When the user wants to reduce churn, build cancellation flows, set up save offers, recover failed payments, or implement retention strategies. Also use when the user mentions

cold-email

Write B2B cold emails and follow-up sequences that get replies. Use when the user wants to write cold outreach emails, prospecting emails, cold email campaigns, sales development emails, or SDR emails. Also use when the user mentions

co-marketing

When the user wants to find co-marketing partners, plan joint campaigns, or brainstorm partnership opportunities. Use when the user says

community-marketing

Build and leverage online communities to drive product growth and brand loyalty. Use when the user wants to create a community strategy, grow a Discord or Slack community, manage a forum or subreddit, build brand advocates, increase word-of-mouth, drive community-led growth, engage users post-signup, or turn customers into evangelists. Trigger phrases: \

competitor-profiling

When the user wants to research, profile, or analyze competitors from their URLs. Also use when the user mentions

competitors

When the user wants to create competitor comparison or alternative pages for SEO and sales enablement. Also use when the user mentions

content-strategy

When the user wants to plan a content strategy, decide what content to create, or figure out what topics to cover. Also use when the user mentions

copy-editing

When the user wants to edit, review, or improve existing marketing copy, or refresh outdated content. Also use when the user mentions

copywriting

When the user wants to write, rewrite, or improve marketing copy for any page — including homepage, landing pages, pricing pages, feature pages, about pages, or product pages. Also use when the user says

coreyhaines31/ab-test-setup

When the user wants to plan, design, or implement an A/B test or experiment, or build a growth experimentation program. Also use when the user mentions "A/B test," "split test," "experiment," "test this change," "variant copy," "multivariate test," "hypothesis," "should I test this," "which version is better," "test two versions," "statistical significance," "how long should I run this test," "growth experiments," "experiment velocity," "experiment backlog," "ICE score," "experimentation program," or "experiment playbook." Use this whenever someone is comparing two approaches and wants to measure which performs better, or when they want to build a systematic experimentation practice. For tracking implementation, see analytics-tracking. For page-level conversion optimization, see page-cro.

coreyhaines31/analytics-tracking

When the user wants to set up, improve, or audit analytics tracking and measurement. Also use when the user mentions "set up tracking," "GA4," "Google Analytics," "conversion tracking," "event tracking," "UTM parameters," "tag manager," "GTM," "analytics implementation," "tracking plan," "how do I measure this," "track conversions," "attribution," "Mixpanel," "Segment," "are my events firing," or "analytics isn't working." Use this whenever someone asks how to know if something is working or wants to measure marketing results. For A/B test measurement, see ab-test-setup.

coreyhaines31/aso-audit

When the user wants to audit or optimize an App Store or Google Play listing. Also use when the user mentions 'ASO audit,' 'app store optimization,' 'optimize my app listing,' 'improve app visibility,' 'app store ranking,' 'audit my listing,' 'why aren't people downloading my app,' 'improve my app conversion,' 'keyword optimization for app,' or 'compare my app to competitors.' Use when the user shares an App Store or Google Play URL and wants to improve it.

coreyhaines31/competitor-alternatives

When the user wants to create competitor comparison or alternative pages for SEO and sales enablement. Also use when the user mentions 'alternative page,' 'vs page,' 'competitor comparison,' 'comparison page,' '[Product] vs [Product],' '[Product] alternative,' 'competitive landing pages,' 'how do we compare to X,' 'battle card,' or 'competitor teardown.' Use this for any content that positions your product against competitors. Covers four formats: singular alternative, plural alternatives, you vs competitor, and competitor vs competitor. For sales-specific competitor docs, see sales-enablement.

coreyhaines31/email-sequence

When the user wants to create or optimize an email sequence, drip campaign, automated email flow, or lifecycle email program. Also use when the user mentions "email sequence," "drip campaign," "nurture sequence," "onboarding emails," "welcome sequence," "re-engagement emails," "email automation," "lifecycle emails," "trigger-based emails," "email funnel," "email workflow," "what emails should I send," "welcome series," or "email cadence." Use this for any multi-email automated flow. For cold outreach emails, see cold-email. For in-app onboarding, see onboarding-cro.

相關技能