Communitygithub.com

YouTube 縮圖

協助製作符合 YouTube 最佳實踐的影片縮圖,從收集素材、撰寫提示詞到生成高點擊率縮圖。

YouTube 縮圖 是什麼?

這是一個專為 AI 代理(如 Claude Code、Codex)設計的技能,用於建立 YouTube 縮圖。它會引導使用者逐步完成縮圖製作流程:從專案中讀取品牌資訊與參考照片,詢問影片標題與情緒基調,然後應用縮圖最佳實踐(例如臉部佔比 30-50%、3-5 字鉤子文案、兩種主色調),最後產生一份完整的 Gemini 圖片生成提示。技能支援自行上傳參考照片,並確保所有輸出符合 YouTube 的 1280×720 解析度規範,同時保持品牌顏色的統一性。此技能整合了 Claude Code 與 Codex 的執行環境,使用前會檢查專案內的 `about-me.md`、`voice.md` 等檔案,以維持個人化風格。

相容平台✓Claude Code✓Codex CLI~Cursor✓Gemini CLI
npx skills add https://github.com/charlie947/social-media-skills/tree/main/skills/youtube-thumbnail

在你喜歡的 AI 中提問

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

說明文件

YouTube 縮圖 是做什麼的?

Codex 與 Claude 執行環境

  • 在 Codex 或 Claude 中使用此技能時,請用當前任務中實際可用的工具。AskUserQuestion 範例描述的是問題類型,而非強制 API:請在可用工具的限制內提問,或直接在對話中詢問。重複使用已提供的答案和素材。
  • 在使用者選定的專案中工作。在進行個人化任務前,請先閱讀其 about-me.md、voice.md 及相關品牌檔案。若檔案內容衝突或包含預設初始值,請確認預期的作者。詢問遺漏的事實或執行 voice-builder;切勿繼承維護者的身份、帳號或私人檔案。
  • 相對於此技能資料夾,解析打包的 references/。若明確要求更新個人檔案,請直接讀取並更新規範的 about-me.md、voice.md 或 newsletter-voice.md,保留其他無關的使用者事實與規則。消費者必須重新讀取這些規範檔案。僅在新增的交付物會與現有無關檔案衝突時,才使用新檔案名稱。僅安裝不會啟動訪談或寫入檔案。除非被要求,否則不寫入持久化的學習內容。
  • 優先使用已提供的證據。必要時,透過可用的搜尋/來源工具驗證外部宣稱。若某來源或整合工具不可用,請指出缺少的能力,並提供輸入的文字/匯出內容。切勿捏造事實、第一人稱經驗、指標或成功的工具執行。
  • 僅透過使用者的現有帳號連接所選路徑所需的服務。絕不列印憑證或覆蓋連線。草擬、儲存與審閱不代表授權發布、發送訊息或變更帳號。

視覺完成狀態

此技能的圖片提示是準備好產生提示詞,而非已生成或經視覺審查的素材。除非使用者要求其他生成器,否則保留其指定的 Gemini 工作流程。缺少圖片服務並不阻止撰寫提示詞。當圖片已提供或生成時,請以全尺寸和饋送尺寸(約 360px 寬,縮圖為 320px)開啟並檢查每個匯出檔案。檢查確切的文案、尺寸、裁切、清晰度、品牌顏色、字體外觀、標誌及參考素材的準確性。修正並重新檢查失敗的匯出檔案。將任何無法取得的匯出或檢查記錄為待辦事項。圖片提示或點陣圖匯出並非可編輯的設計檔案。

關鍵:載入後自動開始

當此技能觸發時,直接進入步驟 1。

步驟 1. 收集輸入

檢查專案中是否有參考照片設定。依此順序尋找:

  1. 專案根目錄中的 thumbnail-config.md
  2. brand-kit.md — 尋找參考圖片路徑與品牌顏色
  3. about-me.md — 尋找創作者名稱與定位

如果儲存了參考照片路徑,請預先填入。否則詢問:

上傳或提供您希望在縮圖中使用的個人參考照片路徑。理想情況下是一張清晰的頭像,具有獨特的光線和表情,您計劃在影片中重複使用以維持品牌一致性。

然後呼叫 AskUserQuestion:

[
  {
    "question": "影片標題是什麼?",
    "header": "標題",
    "multiSelect": false,
    "options": [
      {"label": "我將輸入標題", "description": "輸入完整的工作標題"},
      {"label": "建議一個", "description": "根據主題,先提出 3 個有點擊吸引力的標題"}
    ]
  },
  {
    "question": "情緒基調?",
    "header": "基調",
    "multiSelect": false,
    "options": [
      {"label": "震驚 / 驚訝", "description": "睜大眼睛、張嘴、強烈反應"},
      {"label": "好奇 / 思考", "description": "微微撇嘴、揚眉、視線移開畫面"},
      {"label": "自信 / 直接", "description": "眼神接觸、冷靜、果斷"},
      {"label": "挫折 / 強烈立場", "description": "銳利凝視、手勢、緊繃感"}
    ]
  }
]

根據影片提供的內容確認標題與承諾。不要捏造結果、暗示存在某個示範,或使用未提供的臉孔或品牌標誌。缺少參考照片會使基於照片的生成處於待辦狀態,但仍可草擬構圖簡報。

步驟 2. 套用縮圖最佳實踐

每個縮圖都必須遵循以下規則:

  • 臉部佔據畫面 30% 到 50%。在小尺寸下仍可辨識。
  • 最多 3 到 5 個大字。必要時最多 6 個。
  • 兩種顏色為主。品牌主色 + 一個高對比強調色(黃、紅、青藍效果佳)。
  • 除臉部外,一個清晰的主視覺元素。工具標誌、粗體數字、箭頭或道具。
  • 臉部、文字與背景之間高對比。瞇眼測試。
  • 文字不是句子。它是鉤子短語。範例:「我解僱了團隊」、「Claude 現在可以...」、「別這麼做」。
  • 無小字、無右下角標誌(觀看時間圖示位於該處)。

步驟 3. 建立縮圖簡報

輸出可供使用者審閱的簡潔簡報:

縮圖簡報:[影片標題]

構圖:[臉部位置、畫面佔比 %、視線方向]
文字:「[鉤子短語,3-5 個字]」
文字位置:[左、右、上方、環繞臉部]
顏色調色盤:[主色 hex]、[強調色 hex]、[背景色 hex]
輔助元素:[標誌 / 道具 / 箭頭 / 數字]
情緒基調:[步驟 1 的基調]

然後詢問:

這是簡報。請說「生成」以輸出圖片提示詞,或告訴我要更改什麼。

步驟 4. 輸出 Gemini 提示詞

獲得批准後,在程式碼區塊中輸出圖片生成提示詞:

使用附上的我的參考照片,生成一張 1280 x 720 像素(16:9)的 YouTube 縮圖。

構圖:
- 將我置於[左 / 右 / 中央],佔據畫面的[30-50]%
- 我的表情:[基調細節 — 例如,睜大眼睛、張嘴的震驚表情]
- 我的視線:[方向 — 例如,直視鏡頭 / 看向畫面外的文字]

文字:
- 顯示「[鉤子短語]」,使用大型粗體無襯線字體
- 文字顏色:[hex]
- 文字外框:[顏色、厚度以確保可讀性]
- 文字位置:[特定區域]

顏色調色盤:
- 主色:[hex]
- 強調色:[hex]
- 背景色:[hex] — [描述處理方式:純色、漸層、模糊場景等]

輔助元素:[輔助視覺元素的具體描述]

限制:
- 臉部必須清晰銳利
- 文字在 320px 寬(YouTube 行動裝置尺寸)下必須可讀
- 無浮水印、無 YouTube UI 元素、無右下角文字
- 臉部、文字與背景之間高對比

告知使用者:

將此貼到新的 Gemini 對話中,附上您的參考照片,啟用 Create Image,並選擇 Nano Banana。以 1280x720 生成。

步驟 5. 提供下一步

需要我接著規劃影片大綱嗎?從鉤子、中段到行動呼籲,與縮圖一致。

規則

  • 1280x720 像素(16:9)。YouTube 的原生縮圖尺寸。
  • 絕對不要將參考照片路徑包含在提示詞本身中 — 使用者會另外附上照片。
  • 文字絕對不超過 6 個字,5 個字最理想,3 個字最佳。
  • 臉部永遠是可見的焦點。不接受隱藏臉部的構圖。
  • 不使用 em dash。
  • 除非 voice.md 另有指定,否則使用英式英語。
  • 如果專案中有 brand-kit.md,請讀取它並使用確切的品牌顏色。
  • 建議使用者在不同影片中保持一致的縮圖風格,以利頻道辨識。

Individual skills in this repo

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

相關技能