Communitygithub.com

ummydev/short-video-formats

當使用者想為軟體產品、開發工具或 AI 代理的宣傳短影片(TikTok、Instagram Reels、YouTube Shorts 或小紅書)選擇或規劃格式時使用。涵蓋四種主要格式(講話者搭配展示、手機拍攝螢幕、無臉 UI 展示、講話者開場後全螢幕展示)、佈局規則、鉤子與結尾(例如「留言 X 我傳給你」),以及如何製作 AI 主持人。

short-video-formats 是什麼?

此技能為 AI 代理提供了一整套為軟體產品、開發工具或 AI 代理製作短影片的格式指南。它基於對 2026 年 11 月在 TikTok 和 Instagram 上爆紅的兩款開源 AI 代理產品影片的分析,歸納出四種最有效的影片格式:講話者搭配展示、手機拍攝螢幕、無臉 UI 展示以及講話者開場後全螢幕展示。技能詳細說明了每種格式的製作成本與自動化程度、嚴格的 9:16 佈局規則、有效的鉤子與結尾策略,以及如何創建一致的 AI 主持人(包含臉部、語音與嘴型同步)。主要支援 TikTok、Instagram Reels、YouTube Shorts 與小紅書等平台,並與 remotion-video 等其他技能互相配合。

相容平台✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/ummydev/marketing-team-skills/tree/HEAD/skills/short-video-formats

在你喜歡的 AI 中提問

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

說明文件

軟體產品的短影片格式

在開始寫腳本之前,先選定格式。我們分析了 2026 年 11 月關於兩個開源 AI 代理產品(Paperclip 和 Multica)在 TikTok 和 Instagram 上觀看次數最多的影片。幾乎所有的觸及都來自獨立創作者,而非官方帳號,而且幾乎全部都使用了以下四種格式之一。

四種格式

#格式畫面內容範例(觀看次數)製作成本
1講話者 + 上方展示講話者在畫面下半部,胸部以上,對著鏡頭說話;UI 動畫、GitHub 頁面和網站滾動在畫面上半部@rahuliyer.ai (105 萬)需要真人或 AI 講話者
2手機拍攝螢幕手機拍攝筆電螢幕;一根手指在 GitHub 頁面上比劃,同時創作者說話並滾動頁面@making_in_time_ (11.5 萬)需要有人用手機拍攝;AI 代理無法做到
3無臉展示產品 UI 填滿畫面,搭配大字幕,偶爾有動態圖形@techwith.ram (26.4 萬)成本最低;可完全自動化(技能:remotion-video)
4講話者開場,接全螢幕展示約 5 秒的格式 1 作為鉤子,然後是全螢幕 UI 並放大細節,中途和結尾切回講話者@dr_cintas與格式 1 相同的講話者

AI 代理可以端到端製作格式 3、1 和 4。從格式 3 開始,然後為格式 1 和 4 加入講話者。

佈局規則(9:16,1080×1920)

  • 產品 UI 至少佔據畫面一半的高度,並水平延伸到底。 如果你的產品有淺色 UI,該區域應為白色。漂浮在黑色背景上的薄卡片看起來像簡報。
  • 第一幀就是封面和鉤子。 不能大部分是黑色,也不能從無到有淡入。從第 0 幀就顯示 UI。
  • 保持第一畫面簡潔。 顯示兩張完整的卡片和下一行的頂部,而非完整的儀表板。隱藏與重點無關的側邊欄和 chrome 元素。第一秒就出現一堵小文字牆會讓觀眾滑走。
  • 黑色僅用於條帶: 頂部的標題或鉤子條帶,下方條帶中的字幕。字幕永遠不會出現在 UI 的中間。
  • 重建真實的 UI。 使用與產品相同的佈局、字型、顏色、按鈕和標籤。不要使用簡化圖表,也不要展示產品沒有的功能。你不需要螢幕錄影;重建的 UI 會更清晰且可以縮放(技能:remotion-video)。
  • 標記展示資料(在圖表角落標示「展示資料」)。永遠不要將虛構的結果展示為真實資料。

鉤子與結尾

  • 在該類別中表現出色的鉤子:「0 名員工。完整的公司。」·「有人剛剛開源了一個工具,讓你可以用 AI 代理運行整個公司。」·「我不再提示 Claude Code。我僱用了它。」·「如果你可以……」。
  • 證明: GitHub 星星、產品的真實數字、前後對比。
  • 結尾:「留言 <關鍵字>,我會把設定指南傳給你。」關鍵字是產品名稱或來自鉤子的動詞。這些貼文的留言數通常比讚數多(有一個例子:10,735 則留言 vs 5,395 個讚),這會提升演算法排名。僅當有人(或透過平台官方 API 連接的自動 DM 工具,如 Instagram 上的 ManyChat)確實會寄出東西時才使用這種方式。承諾的連結從未送達會引來憤怒的留言。
  • 使用觀眾的語言: 用「目標」而非「KPI」,用「僱用」而非「配置」。

製作 AI 講話者(格式 1 和 4)

  1. 臉部: 使用圖像模型生成一個虛構的講話者。提示使用前置鏡頭自拍影片幀,9:16,從頭頂到胸部中間,直視鏡頭,嘴巴閉合,嘴巴前方無遮擋,自然膚質無美顏濾鏡,有生活感的居家辦公室背景。生成 4 個候選人,選一個,並在所有影片中重複使用同一張臉,讓帳號有可識別的主持人。如果帳號有吉祥物,則以此為基礎設計講話者(同樣的頭髮、衣服、顏色)。
  2. 語音: 為該講話者使用一個固定的語音。免費的瀏覽器 TTS 在逼真的臉旁邊聽起來很機械;使用具有商業授權的語音(CapCut 內建語音、ElevenLabs 或類似服務)。渲染整個腳本,然後按句子剪開。
  3. 嘴型同步: 使用圖像 + 音訊 → 說話影片模型(OmniHuman、Kling Avatar、Hedra、HeyGen Avatar),以便你的腳本和時間控制驅動嘴巴,而不是由文字轉影片模型即興發揮台詞。以 5-10 秒的片段生成,只重做失敗的片段。
  4. 在你的影片工具中組裝: 格式 1 將 UI 放在上方約 55% 的位置,講話者放在下方,字幕放在接縫處;格式 4 以全螢幕講話者開場 4-5 秒。
  5. 揭露: 打開 TikTok 的「AI 生成內容」標籤和 Instagram 的 AI 資訊。講話者是虛構的;永遠不要讓他們聲稱個人經驗(「我已經使用這個三個月了」)。

檢查清單

  • 已選擇格式並在腳本中命名
  • UI 區域 ≥ 50% 高度,全寬度
  • 第一幀顯示真實 UI,簡潔,非黑色
  • 僅顯示真實功能;展示資料已標記
  • 鉤子在第一行和第一幀
  • 結尾的行動呼籲確實可執行
  • AI 講話者:固定的臉部和語音,已開啟 AI 標籤

我們遇到的陷阱

  • 黑色背景上的圖表卡片。 我們的第一個產品影片在黑色背景上顯示了簡化卡片。它看起來像投影片,一點也不像產品。重做時重建了真實的 UI,放在佔據畫面三分之二的白色區域上。
  • 空白的第一幀。 每個場景都淡入,所以作為封面的第 0 幀是空的。現在第一個場景開始時就完全可見。
  • 密集的第一畫面。 開場展示了帶有側邊欄和六張卡片的市場頁面。第一秒內文字太多;將其縮減為兩張完整的卡片和下一行的頂部,讓它一目了然。
  • 產品沒有的功能。 腳本以一個只存在於影片中的「團隊群組聊天」結束。我們將其替換為產品真實的私訊功能,並重寫了語音台詞。
  • 看起來不真實的頭髮。 第一個 AI 講話者的大波浪捲髮暴露了它是假的。要求使用普通的、最近流行的髮型,並具有正常的髮量。

相關技能

  • remotion-video:構建格式 1、3 和 4。
  • viral-remake:當格式來自特定的爆紅原作時使用。
  • social-publish:上傳時的說明文字、行動呼籲和 AI 標籤。

Individual skills in this repo

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

ummydev/ai-search

When the user wants to make a site readable, accurate and quotable for AI assistants (ChatGPT, Claude, Perplexity, Gemini, Copilot, Google AI Overviews) so they describe the product correctly and cite it. Use when the user says "llms.txt", "llms-full.txt", "AI search", "GEO", "AEO", "get cited by ChatGPT", "show up in Perplexity answers", "allow AI crawlers", "GPTBot in robots.txt", "AI gets our pricing wrong", "AI confuses us with another product", "brand name collision", "Organization schema sameAs" or "make the site agent-readable". Covers llms.txt, robots.txt for AI crawlers, definition sentences, comparison tables and FAQ, public pricing, Organization and WebSite structured data, and brand naming.

ummydev/index-push

When the user wants to get new or changed pages crawled and indexed by Google and Bing quickly, instead of waiting weeks for the sitemap to be read. Use after any deploy that adds or updates pages, and when the user says "get this indexed", "request indexing", "submit to Google", "submit URLs to Bing", "IndexNow", "ping search engines", "resubmit the sitemap", "why isn't my page indexed", "Discovered – currently not indexed", "URL is unknown to Google", "Quota Exceeded in Search Console" or "indexing queue". Covers IndexNow, Search Console URL Inspection and sitemaps, Bing Webmaster URL submission, a prioritized queue file, and diagnosing pages that stay out of the index.

ummydev/remotion-video

When the user wants to make a vertical promo video of their own software product in code with Remotion, rebuilding the product's real UI instead of screen-recording it, with a TTS voice-over, captions timed to the voice and camera moves that zoom into details. Use when the user says "Remotion", "make a product video", "faceless demo video", "UI motion video", "programmatic video", "product reel", "animate our UI", "render the video", or wants a TikTok or Reels video about their app that an agent can re-render after every change.

ummydev/video-retro

When the user wants to review how their short videos performed on TikTok, Instagram Reels or other platforms and decide what to make next. Covers reading views, likes, comments, saves and follows without scraping, the stats log, 24-hour and 72-hour checks, comparing topics, formats and hooks, the daily report and recording what to change. Use when the user says "how did the video do", "video stats", "复盘", "retro", "which videos worked", "why did this flop", "weekly video report", "update the stats", or at the start or end of a short-video working day.

相關技能