Community影像github.com

創作者縮圖

設計高點擊率的 YouTube 縮圖與直式封面(Shorts、Reels、TikTok),使用使用者擁有的任何圖片提供者,並在本地合成標題文字以確保清晰。規劃概念、生成 2–3 個變體、透過參考圖片保持臉部與標誌忠實度,並在小尺寸下檢查可讀性。

創作者縮圖 是什麼?

「創作者縮圖」技能專門為 AI 代理(如 Claude Code、Cursor 或 Codex)設計,用於建立高點擊率的 YouTube 縮圖與直式封面(Shorts、Reels、TikTok)。它遵循一個結構化的工作流程:首先基於影片主題構思一個簡潔的概念(承諾、焦點主體、標題),然後使用使用者指定的圖片提供者生成無文字的 16:9 或 9:16 比例圖片。接著,在本地合成最多 4 個字的標題文字,利用品牌字型與顏色,並避開主體。最後,它會透過縮小尺寸預覽來檢查可讀性,並確保 YouTube 時間戳不會遮蓋關鍵內容。此技能支援多種變體生成,並參考內建的規則文件以確保縮圖誠實、對比鮮明且有效。它不適用於一般圖片或頻道品牌設計。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/mehbylabs/creator-skills/tree/main/skills/creator-thumbnail

Installed? Explore more 影像 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

在你喜歡的 AI 中提問

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

說明文件

創作者縮圖 是做什麼的?

步驟 1 — 概念(在生成任何內容之前)

根據標題/主題,撰寫一個概念,分為三行,僅在使用者似乎在意方向時才進行確認;否則直接繼續:

  • 承諾 — 觀眾必須在 1 秒內理解的單一想法(須忠於影片內容)。
  • 焦點主體 — 一張臉/一個物體,要大、高對比。臉部:強烈、真實的情感。
  • 標題 — 0–4 個字詞,補充標題但絕不重複。可選。

規則請參閱 references/thumbnail-rules.md(構圖、對比、文字、誠實)。

步驟 2 — 生成圖片(無文字)

  • 比例為 16:9(YouTube)或 9:16(直式封面)。若提供者允許,尺寸設為 2k。
  • 預留標題空間:在左側三分之一處保留足夠空白以放置標題。
  • 使用者臉部/標誌/產品 → 使用 --ref 傳遞照片,並說明每張圖片的用途。
  • 要求圖片中沒有文字;標題將在步驟 3 加上。
python3 scripts/creator.py image --prompt "<圖片提示>" --ratio 16:9 --size 2k --out ./out/thumb-a.png [--ref face.jpg]

製作 2–3 個變體,彼此在一個主要方面(情感、顏色或構圖)有所不同,而非微小調整。在第一次成功後鎖定提供者。

步驟 3 — 標題

python3 scripts/media.py text --image ./out/thumb-a.png --out ./out/thumb-a-final.png --text "兩
行" --pos center --align left --size 0.16 [--box "[email protected]"] [--font <品牌標題字型>]

將文字放在步驟 2 預留的空間中(左側三分之一空間使用 --align left),且絕不覆蓋臉部/主體。若設定檔 brand 中有品牌字型/顏色,則使用之。最多約 4 個字;如果文字過寬,使用 \n 分成兩行。

步驟 4 — 檢查

  1. 縮小預覽:ffmpeg -y -i final.png -vf scale=320:-1 small.png,然後查看——主體和文字在該尺寸下必須能夠閱讀。
  2. 檢查右下角(YouTube 時間戳會遮蓋該區域)是否無關鍵內容。
  3. 並排呈現變體,並用一行說明每個變體的差異;推薦一個。

規則

  • 誠實:不得有虛假引用、虛假螢幕截圖或暗示影片中不存在的事件。
  • 未經使用者同意,不得將非使用者的真人放入縮圖中。
  • YouTube 最小為 1280×720;小於 2 MB(必要時使用 ffmpeg -i in.png -q:v 3 out.jpg)。

參考

  • references/thumbnail-rules.md — 構圖、文字、顏色、範例
  • references/image-prompting.md、references/media-ops.md、references/providers.md

Individual skills in this repo

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

相關技能