Communitygithub.com

JantonioFC/skillsbank

當使用者想要使用 AI 工具或程式化框架來建立、生成或製作影片內容時使用。也適用於使用者提及『影片製作』、『AI 影片』、『Remotion』、『Hyperframes』、『HeyGen』、『Synthesia』、『Veo』、『Runway』、『Kling』、『Pika』、『影片生成』、『AI 虛擬主播』等關鍵詞的情況。

skillsbank 是什麼?

這個技能定義了一個專業的 AI 影片製作人角色,旨在協助開發者或 AI 代理程式高效創建專業影片內容,從產品示範和說明影片到社交媒體短片和廣告。它支援多種影片製作方法,包括使用 Remotion 或 Hyperframes 的程式化影片生成(偏好在代理程式中使用 HTML/CSS)、透過 Veo、Runway、Kling 和 Pika 等模型進行 AI 影片生成,以及利用 HeyGen 和 Synthesia 的 AI 虛擬主播技術。該技能提供了一個結構化的決策框架,能根據影片目標、目標平台和預算選擇最合適的工具。它還詳細介紹了如何整合 HeyGen MCP 伺服器等代理原生工具,以實現從腳本到發佈的端到端自動化影片生產流程。

相容平台✓Claude Code✓Codex CLI~Cursor
npx skills add https://github.com/JantonioFC/skillsbank/tree/HEAD/skills/video

在你喜歡的 AI 中提問

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

說明文件

影片

你是一位專業的影片製作人,擅長使用 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, PikaB-roll 畫面、主視覺、無法實際拍攝的創意視覺
AI 虛擬主播不需實際拍攝的 presenter 說話頭影片HeyGen, Synthesia說明影片、教學、多語言內容
編輯/重製將長片剪成短片Descript, Opus Clip, CapCutPodcast/網路研討會 → 社交短片

程式化影片

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

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

開源,Apache 2.0 授權,來自 HeyGen。使用純 HTML/CSS/JS — 無需學習框架 DSL。LLM 原生:AI 模型生成 HTML 的效果優於 React 元件。

npm install hyperframes

核心概念: 每個畫面(frame)都是一個 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
Runway Gen-4最高 4K~10 秒/次生成動態控制、時間一致性$12-76/月
Kling 3.0最高 1080p最長 2 分鐘大量生產、最低成本$0.029/秒
Pika1080p短片快速生成、特效按點數計費

Sora (OpenAI) 可用性和可靠性有限。建議前請先確認最新狀態。

影片模型的提示詞技巧

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

雙手在筆電鍵盤上打字的特寫鏡頭,
淺景深,溫暖的辦公室燈光,
鏡頭緩慢拉遠,reveal 一個現代化工作空間,
電影級色調,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

影片製作工作流程

產品示範影片

  1. 撰寫腳本 — 撰寫關鍵功能與價值主張(使用文案寫作技能)
  2. 螢幕錄影 — 錄製產品操作流程
  3. 程式化疊層 — 使用 Hyperframes/Remotion 添加標題、說明框、轉場
  4. AI B-roll — 使用 Veo/Runway 生成建立場景或生活風格片段
  5. 旁白 — 自己錄製或使用 AI 虛擬主播進行旁白
  6. 匯出 — 依照平台規格匯出

說明影片

  1. 撰寫腳本 — 編寫問題 → 解決方案 → 行動呼籲的敘事弧線
  2. 選擇 presenter — 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. 你需要真人 presenter 還是可以用旁白/文字?
  3. 這是單次使用還是可重複使用的範本?
  4. 影片要發布在哪個平台?(這決定了長寬比和長度)
  5. 你有現成的素材嗎?(截圖、影片、腳本)
  6. 你在影片工具上的預算是多少?

工具整合

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

相關技能

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

Individual skills in this repo

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

JantonioFC/skillsbank

AI-powered image editing with style transfer and object removal

JantonioFC/skillsbank

Internationalization and localization patterns. Detecting hardcoded strings, managing translations, locale files, RTL support.

JantonioFC/skillsbank

Analise e auditoria de editais de leilao judicial e extrajudicial. Riscos ocultos, clausulas perigosas, debitos, ocupante e classificacao da oportunidade.

JantonioFC/skillsbank

Embed Photopea in web apps using photopea.js. Covers embedding, file I/O, scripting, exporting, layers, text, filters, and the full Photoshop-compatible API.

JantonioFC/skillsbank

Best practices for Remotion - Video creation in React

JantonioFC/skillsbank

Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays

JantonioFC/skillsbank

Seek and analyze video content using Memories.ai Large Visual Memory Model for persistent video intelligence

JantonioFC/skillsbank

Writes complete, structured landing pages optimized for SEO ranking, AEO citation, and visitor conversion. Activate when the user wants to write or generate a landing page for a product, service, or offer.

JantonioFC/skillsbank

Video and audio perception, indexing, and editing. Ingest files/URLs/live streams, build visual/spoken indexes, search with timestamps, edit timelines, add overlays/subtitles, generate media, and create real-time alerts.

JantonioFC/skillsbank

Upload, stream, search, edit, transcribe, and generate AI video and audio using the VideoDB SDK.

JantonioFC/skillsbank

Skill for discovering and researching autonomous AI agents, tools, and ecosystems using the AgentFolio directory.

JantonioFC/skillsbank

Expert in building portfolios that actually land jobs and clients - not just showing work, but creating memorable experiences. Covers developer portfolios, designer portfolios, creative portfolios, and portfolios that convert visitors into opportunities.

JantonioFC/skillsbank

Tool lifecycle UI components for React/Next.js from ui.inference.sh. Display tool calls: pending, progress, approval required, results. Capabilities: tool status, progress indicators, approval flows, results display. Use for: showing agent tool calls, human-in-the-loop approvals, tool output. Triggers: tool ui, tool calls, tool status, tool approval, tool results, agent tools, mcp tools ui, function calling ui, tool lifecycle, tool pending

JantonioFC/skillsbank

Security audit, hardening, threat modeling (STRIDE/PASTA), Red/Blue Team, OWASP checks, code review, incident response, and infrastructure security for any project.

JantonioFC/skillsbank

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 'PPC,' 'paid media,' 'ROAS,' 'CPA,' 'ad campaign,' 'retargeting,' 'audience targeting,' 'Google Ads,' 'Facebook ads,'...

JantonioFC/skillsbank

Create AI avatar and talking head videos with OmniHuman, Fabric, PixVerse via inference.sh CLI. Models: OmniHuman 1.5, OmniHuman 1.0, Fabric 1.0, PixVerse Lipsync. Capabilities: audio-driven avatars, lipsync videos, talking head generation, virtual presenters. Use for: AI presenters, expla...

JantonioFC/skillsbank

Create AI marketing videos for ads, promos, product launches, and brand content. Models: Veo, Seedance, Wan, FLUX for visuals, Kokoro for voiceover. Types: product demos, testimonials, explainers, social ads, brand videos. Use for: Facebook ads, YouTube ads, product launches, brand awarene...

JantonioFC/skillsbank

Generate AI videos with Google Veo, Seedance, Wan, Grok and 40+ models via inference.sh CLI. Models: Veo 3.1, Veo 3, Seedance 1.5 Pro, Wan 2.5, Grok Imagine Video, OmniHuman, Fabric, HunyuanVideo. Capabilities: text-to-video, image-to-video, lipsync, avatar animation, video upscaling, fole...

JantonioFC/skillsbank

Production-ready CI/CD configurations for Playwright — GitHub Actions, GitLab CI, CircleCI, Azure DevOps, Jenkins, Docker, parallel sharding, reporting, code coverage, and global setup/teardown.

JantonioFC/skillsbank

You are an expert copy editor specializing in marketing and conversion copy. Your goal is to systematically improve existing copy through focused editing passes while preserving the core message.

相關技能