Community影像github.com

橫幅合成器

通過合成真實照片、劇照、海報和標誌,製作寬標題和橫幅圖像(用於子版塊、Discord、YouTube頻道、論壇、維基、粉絲網站、活動或團隊頁面),拼接成一條帶有柔和接縫的長條,並保持標誌和標題字標完全按照發布的樣式。當使用者想要從現有圖像製作或更新橫幅、封面圖像或拼貼條,想要將多個主題(電影、遊戲、團隊、產品、發佈)合併到一個橫幅中,要求「為圖像AI提供提示」來製作此類橫幅,或需要從海報中剪出標誌時,使用此技能。當有新的圖像到達而需要重建之前的橫幅時也使用它。不適用於圖表、UI模型或從頭繪製的藝術品。

橫幅合成器 是什麼?

橫幅合成器(banner-compositor)是一個用於構建社群橫幅的AI技能,專注於通過合成真實圖像(照片、海報、標誌)來生成精確的橫幅,而不是使用圖像生成AI。它特別適用於需要保留人物真實面貌和標題字標原貌的場景,例如子版塊、Discord、YouTube頻道、論壇或粉絲網站。該技能的主要工作流程包括:確定規格(尺寸、主題、資產)、獲取官方標誌(優先使用透明PNG、海報裁剪或按鍵摳圖)、撰寫JSON佈局規格、使用腳本合成橫幅、檢查結果並報告。它支援多個腳本(如compose_banner.py、cutout_logo.py、contact_sheet.py),並強調不覆蓋使用者的現有橫幅、不重新繪製字標或人物、以及記錄資產來源。該技能適用於Claude Code、Cursor等AI代理環境,幫助開發者或內容創作者快速建立專業級橫幅。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/sivarajd/banner-compositor/tree/HEAD

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

在你喜歡的 AI 中提問

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

說明文件

橫幅合成器 是做什麼的?

通過將真實圖像並排排列、混合接縫並在頂部疊加標誌來構建橫幅。不重新繪製任何內容:面孔保持攝影原貌,標題保持設計原樣。

為什麼合成而不生成

人們經常要求為這項工作提供圖像AI提示。生成在社群橫幅必須正確的兩個方面完全失敗:

  • 標題字標。 生成器會重新書寫標誌。結果接近但錯誤,粉絲們會立即注意到。
  • 真實人物。 生成器會重新繪製面孔。結果是相似但不同的形象,許多社群將其視為偽造內容而禁止,並且歪曲了人物的真實形象。

因此,當被要求提供生成提示時,請用兩三句話說明這一點,並提供合成方案。如果使用者仍然希望使用生成器,則將其限制在背景板(不包含文字和人物)上,然後使用此技能將真實資產放在上面。

工作流程

1. 確定需求

在詢問任何問題之前,從請求和文件中確定以下內容:

  • 尺寸。 平台會更改橫幅尺寸,因此請使用您擁有的最新證據,按以下順序:使用者從平台上傳對話框中陳述的尺寸;平台當前的幫助頁面;references/platform-sizes.md(註明日期並附有來源);現有橫幅的像素尺寸(可能早於尺寸變更)。告訴使用者您使用了哪個尺寸及其來源。某些平台需要單獨的桌面和行動橫幅:請參閱下面的「多個尺寸」。
  • 主題和順序。 橫幅中包含哪些內容,從左到右的順序,以及是否有任何主題應獲得更多空間。
  • 手邊的資產。 列出資料夾。打開並親自查看每張圖像。檔案名稱或標題無法告訴您圖片顯示的內容、清晰度或其中包含的文字。
  • 社群規則。 關於編輯圖像的社群規則,以及使用者對風格或基調的任何說明。如果規則在專案中,請閱讀它們。

僅詢問您無法以此方式確定的內容,例如缺失的主題列表。

2. 填補空白

對於每個主題,您需要一個標誌或字標以及一個或多個圖像。如果缺少某些內容,請尋找官方素材:版權持有者自己的貼文和頻道、媒體資料包以及複製官方藝術品的新聞媒體。references/asset-sourcing.md 包含搜索策略、將搜索委派給子代理的簡要說明以及來源文件的格式。當使用者要求子代理或您的環境支援委派時進行委派;否則直接在線搜索。

無論如何搜索,都遵循三個規則:

  • 僅限官方來源,並說明您如何知道。 粉絲編輯和AI渲染隨處可見。記錄每個文件的來源。當「官方」僅基於標題而非原始貼文時,請在最終報告中說明。
  • 切勿編造資產。 如果不存在標誌,則橫幅不包含標誌,或使用下面描述的海報裁剪。不要設計替代品。
  • 讓使用者遠離外部請求。 URL、標頭或搜索查詢中不得包含姓名、專案名稱或電子郵件地址。

將下載內容保存在工作資料夾中,並在信任之前查看每個文件。scripts/contact_sheet.py 可以將許多候選圖像放在一張表上,比逐一打開更快。

3. 獲取標誌,以最忠實的方式優先

  1. 使用者提供的透明標誌文件。 使用它。如果其邊緣在您的背景上顯示彩色邊緣,請運行 cutout_logo.py --key alpha --defringe 2。
  2. 保留原始標題的海報。 裁剪海報,使標題保留在設計師放置的位置。不剪出任何內容,因此樣式完全精確。當唯一來源很小時,這是最佳途徑。
  3. 從主要藝術品中摳圖。 使用 scripts/cutout_logo.py 根據其背景摳出標誌。根據區分標誌和背景的因素選擇關鍵參數:通道差異(例如 r-b 用於暖色文字在冷色背景上)、luma 用於亮色在暗色上、inv-luma 用於暗色在亮色上、bg 用於純色背景。始終傳遞 --test-sheet 並在淺色和深色背景上查看結果。

摳圖是最不忠實的途徑。標誌的暗色或陰影部分在接近背景顏色時會消失。要么將標誌放置在其原始背景相似的背景上,要么在佈局規格中為其提供一個 backing(填充的輪廓加上柔和陰影),並告知使用者該標誌是摳圖出來的。

切勿通過重新繪製來重新書寫、重新風格化、重新著色或「清理」字標。

4. 在規格文件中佈局

以JSON格式撰寫佈局,並使用 scripts/compose_banner.py 構建。規格是值得保留的內容:當後續有更好的圖像出現時,更改一個路徑並重新構建即可。references/spec-format.md 記錄了每個欄位,assets/example-spec.json 是一個起點。

模型是瓷磚(照片,每個按比例縮放並裁剪到一個槽位,每個向左側的瓷磚漸變)的列,然後是疊加層(標誌,最後繪製,使漸變無法影響它們)。腳本無法為您做出的佈局判斷:

  • 保持面孔遠離漸變區。 每個後續瓷磚的左側 feather 像素是半透明的。面孔出現在那裡會使其像幽靈般疊加到相鄰瓷磚上。移動裁剪或加寬槽位。
  • 將標誌放在其主題瓷磚的安靜區域上: 失焦背景、天空、暗牆。不要讓它延伸到相鄰主題的瓷磚。
  • 平衡主題。 相似的標誌寬度和相似的面孔尺寸讀起來像一個統一的橫幅。如果一個標誌必須小很多,請告知使用者原因。
  • 排除可變的事實。 裁剪掉海報中嵌入的發佈日期、價格和「即將推出」字樣,除非使用者希望保留它們。橫幅文字後續無法編輯。
  • 僅縮放和裁剪。 不進行修飾、面孔編輯或去除浮水印或版權資訊。如果唯一的副本帶有第三方浮水印,請尋找另一個副本或將其排除。
  • 注意平台的UI元素。 許多網站會在角落疊加頭像或標題,並在手機上裁剪側邊區域。當您知道這些區域時,保持面孔和標誌遠離它們。

多個尺寸。 當一個平台需要多個橫幅(桌機和行動,或兩個網站)時,每個尺寸撰寫一個規格,並重用資產。不要將完成的橫幅調整為不同的形狀:在一個長寬比下有效的裁剪和標誌位置在另一個長寬比下會裁剪面孔。當尺寸僅相差幾個像素時,複製規格並調整最後一個瓷磚。

非常窄的條帶。 在約8:1的比例下(例如1072x128),佔滿高度的面孔僅約100像素寬,因此可以容納更多主題,但每個主題的內容較少。緊密裁剪面孔,預期使用的圖像數量少於較高橫幅,並檢查每個標誌在該高度下是否仍然可讀。疊加的兩行字標或標語可能太小而無法閱讀;請告知使用者,並讓使用者決定如何處理。

5. 構建、查看、修正

python scripts/compose_banner.py layout.json --preview preview/

腳本會停止於它能證明的問題:缺少文件、裁剪導致空白帶、瓷磚間隙、寬度超過重疊的漸變。對於較輕微的問題,例如大量放大,則會發出警告。

然後查看結果,並以全尺寸查看。縮小以適應查看器的寬橫幅會隱藏幽靈般的接縫和破損的標誌邊緣。--preview 為此撰寫全分辨率片段,以及帶有繪製接縫和疊加框的 guides.png。檢查每個片段是否包含:

  • 被接縫裁剪或幽靈般疊加到相鄰瓷磚的面孔
  • 標誌邊緣:孔洞、光暈、邊緣、任何在該尺寸下無法閱讀的內容
  • 空白帶、拉伸的人物、可見的瓷磚邊緣
  • 您不打算包含的文字

修正規格並重新構建。在再次查看之前,修正在一次檢查中發現的所有問題。

6. 保存和報告

  • 切勿覆蓋使用者現有的橫幅。 撰寫新檔案名稱。除非指定 --force(僅用於您自己的草稿),否則腳本拒絕覆蓋。
  • 將規格、其使用的資產和 SOURCES.md 保存在一個比工作階段長久的資料夾中。臨時資料夾會導致下載內容遺失,從而無法重新構建橫幅。
  • 不要上傳或發佈。使用者會這樣做。

按以下順序報告:檔案位置及其大小;包含的內容,從左到右;弱點(不可靠的來源、摳圖標誌、無法閱讀的標語、看起來像貼上的瓷磚);以及您對每個找到的資產為官方來源的確定程度。清楚說明您未檢查的內容,例如網站如何在手機上裁剪橫幅。

腳本

腳本用途
scripts/compose_banner.py根據JSON規格構建橫幅;--preview DIR 撰寫檢查片段和指南。
scripts/cutout_logo.py從主要藝術品中摳出標誌,或去除現有透明標誌的邊緣;--test-sheet 在三種背景上顯示結果。
scripts/contact_sheet.py將候選圖像平鋪到一個帶標籤的表格中,以便快速視覺檢查。

任何腳本都可以使用 --help 查看選項。

版權與合理使用

劇照、海報和標誌屬於其所有者。展示未經修改的官方藝術品的粉絲或社群橫幅是常見做法,但使用者決定其使用是否可接受,因此在從網絡獲取資產時提一次即可。不要構建會使頁面冒充版權持有者官方帳戶的橫幅。

相關技能