Communitygithub.com

BruceL017/貼文插圖生成

針對微信、小紅書、知乎等中文社群平台,穩定生成貼文插圖的 Codex 技能。

貼文插圖生成 是什麼?

這項技能專為需要為中文社群平台(微信、小紅書、知乎)製作插圖的使用者設計,提供一套嚴謹且穩定的生成流程。其核心在於強制執行「先分析內容,再選擇風格」的順序,並透過「套件級風格規範 (Style Spec)」確保整套圖片的視覺一致性。技能會建立詳細的鏡頭清單,為每張圖片定義獨立的內容結構與視覺隱喻,並透過程式生成單張圖片,以避免模型擅加品牌 Logo 或頁碼。此外,它支援選用的品牌外掛模組 (Brand Plugin),可在生成後精確覆蓋品牌素材,確保最終輸出既符合平台規範,又保留品牌識別。此技能特別適合需要大量、一致且高品質插圖的內容創作者或社群小編。

相容平台~Claude Code✓Codex CLI~Cursor
npx skills add BruceL017/post-illustration-images

在你喜歡的 AI 中提問

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

說明文件

貼文插圖生成 是做什麼的?

核心規則

請勿將此工作流程簡化為「分析內容 -> 選擇模板 -> 生成圖片」。穩定性取決於中間層:

內容分析
-> 內容類型與表達需求
-> 套件級風格規範 (Style Spec)
-> 錨點選擇
-> 鏡頭清單
-> 每張圖片的內容結構
-> 每張圖片的視覺隱喻
-> 選定的視覺風格約束
-> 啟用品牌外掛模組時的預留品牌位置
-> 單張圖片提示詞(禁止模型繪製品牌或頁碼標籤)
-> 原生 Codex 圖片生成
-> 可選的品牌外掛模組疊加(使用選定的 Style Spec 預留位置)
-> 品質檢查與回退
-> 儲存素材與交付說明

永遠先閱讀內容,再選擇視覺風格。為整套圖片使用單一套件級風格。僅透過每張圖片的內容結構與視覺隱喻來變化外觀。

架構邊界

Style Spec 是各平台視覺模板的權威。它控制畫布尺寸、長寬比、固定色彩值、佈局、安全區域、負向約束,以及任何固定元件位置(如品牌預留位置)。

品牌外掛模組 (Brand Plugin) 為選用且可插拔。它僅決定是否啟用品牌以及使用哪個品牌素材。它不得決定畫布尺寸、色板、座標或平台佈局。啟用時,品牌外掛模組必須遵從所選 Style Spec 的品牌預留位置。若所選風格沒有品牌預留位置,請勿自行發明全域放置位置。

圖片模型不得繪製 Logo、TF、Tranfu、浮水印、頁碼標籤或其他固定品牌元件。這些元件應省略,或於生成後透過確定性疊加步驟加入。

支援範圍

強力支援:

  • 微信公眾號主體插圖。
  • 小紅書筆記插圖,包含封面/內容輪播圖。
  • 知乎貼文插圖。
  • 方法、工作流程、概念、比較、檢查清單、邊界與決策流程說明。

有條件支援:

  • 需要真實產品截圖或事實數據的圖片組:請索取素材或說明假設條件。
  • 明確的風格名稱:若對應風格檔案存在,則使用該檔案。
  • 明確的圖片數量:覆蓋所選風格的預設數量。

不支援範圍:

  • 純攝影、人像修圖、產品模型或擬真品牌活動。
  • 圖片內必須包含精確長文字的任務。原生圖片生成可能會扭曲文字;請使用簡短標籤,必要時減少文字重新生成。
  • 任何要求繞道其他圖片生成技能的請求,除非使用者明確要求。

必要參考資料

依需求使用參考資料,非一次全部讀取:

  • 從 references/style-index.md 開始,識別平台與候選風格檔案。
  • 在編譯提示詞前,完整讀取 references/styles/ 下所選的檔案。
  • 除非使用者明確停用品牌外掛模組,否則讀取 references/brand.md。
  • 選擇每張圖片的表達結構時,讀取 references/content-structures.md。
  • 撰寫最終生成提示詞前,讀取 references/prompt-compiler.md。
  • 交付或重新生成前,讀取 references/qa-checklist.md。
  • 僅在維護或擴展此技能時,讀取 references/product-design.md。

工作流程

1. 輸入

確定平台、來源內容、所需輸出、明確風格、明確數量、輸出位置,以及品牌外掛模組是否停用。

若無法推斷平台,問一個簡潔的問題。若平台明確且內容可用,則直接進行,無需請求確認。

當以下條件滿足時,結束此步驟:

  • 已確定平台。
  • 來源內容可用。
  • 已記錄任何明確的數量/風格/品牌覆蓋設定。

2. 內容分析

完整讀取來源內容。用 3-5 句話摘要主旨,然後分類表達需求:

  • 概念解釋
  • 工作流程/過程
  • 前後比較
  • 分層框架
  • 常見錯誤或邊界
  • 決策樹
  • 檢查清單或摘要
  • 故事/狀態轉換

當核心主張、受眾價值與可視化部分清晰時,結束此步驟。

3. 選擇套件級風格規範 (Style Spec)

使用 references/style-index.md 為整套圖片選擇一個風格。

規則:

  • 若使用者指定的風格存在,則優先使用。
  • 否則,根據內容類型與表達需求,選擇最佳的平台風格。
  • 在選擇風格前,不得決定圖片數量、長寬比、色板、安全區域或固定元件位置。這些資訊來自風格檔案或其機器可讀的 Style Spec,除非使用者明確覆蓋。
  • 對於知乎,除非未來風格檔案新增替代方案,否則使用固定的知乎風格。

當選定一個風格檔案並完整讀取後,結束此步驟。

4. 選擇錨點

僅選擇值得配圖的內容重點。不要為了達到數量而憑空創造圖片。

好的錨點包括:

  • 核心判斷
  • 認知轉折
  • 輸入-輸出循環
  • 前後對比
  • 常見錯誤
  • 流程斷點
  • 角色/狀態改變
  • 方法層次
  • 信任、轉換或交接關係

當每個選定的錨點都能回答「為什麼這需要一張圖片?」時,結束此步驟。

5. 建立鏡頭清單

鏡頭清單為強制項目。每張圖片必須包含:

  • 位置或順序
  • 主題
  • 一個核心意義
  • 內容表達結構
  • 視覺隱喻
  • 主要角色/物體動作
  • 建議元素
  • 簡短標籤
  • 所選 Style Spec 的固定元件預留空間(若有的話)
  • 品質檢查風險

每張圖片必須僅表達一個核心概念。若一張圖片包含多個概念,則拆分或刪除。

6. 編譯提示詞

對於每張圖片,組合以下項目:

  • 使用者內容錨點
  • 所選套件級風格檔案
  • 每張圖片的內容結構
  • 每張圖片的視覺隱喻
  • Style Spec 的安全區域與固定元件預留空間
  • 來自 references/brand.md 的品牌外掛模組狀態
  • 原生 Codex 生成約束
  • 來自風格與品質檢查參考資料的負向約束

每張圖片生成一個提示詞。請勿要求圖片模型在單次呼叫中生成多張圖片的整套組圖。

若風格檔案包含批次語言(例如「生成整套組圖」),請將其視為關於數量、順序與一致性的規劃指導。仍然一次編譯並生成一張圖片。

提示詞必須明確禁止模型繪製 Logo、TF、Tranfu、浮水印與頁碼標籤。當品牌外掛模組啟用時,請要求模型保持所選 Style Spec 的品牌預留區域乾淨,以便生成後可疊加真實品牌素材。

7. 一次生成一張圖片

僅使用原生 Codex 圖片生成。預設不呼叫其他圖片生成技能。

每次生成後:

  • 將圖片儲存到當前專案中,而非技能資料夾。
  • 建議輸出路徑:post-illustration-output/<內容縮略名>/。
  • 啟用品牌外掛模組時,將原生生成的圖片儲存在 images/unbranded/ 下。
  • 啟用品牌外掛模組時,將疊加後的交付物儲存在 images/branded/ 下。
  • 若品牌外掛模組停用,將交付物儲存在 images/ 下。
  • 使用有序檔案名稱,例如 01-cover.png、02-process-breakpoint.png。

7.5 套用品牌外掛模組疊加

若品牌外掛模組啟用,且所選 Style Spec 定義了品牌預留位置:

  • 使用來自 references/brand.md 的真實品牌素材。
  • 在圖片生成後疊加素材。請勿要求圖片模型重新繪製 Logo。
  • 使用所選 Style Spec 的預留位置、尺寸與安全區域規則。
  • 保留無品牌的生成圖片,除非使用者明確要求取代。
  • 對於小紅書日誌風格,使用 scripts/apply-brand-overlay.mjs 搭配 references/styles/xhs-style-journal.spec.json。
  • 疊加腳本無 npm 依賴,但需要機器上安裝 rsvg-convert。

8. 品質檢查與回退

對照 references/qa-checklist.md 檢查每張圖片。

若圖片不合格,在重新生成前先辨識原因:

  • 文字錯誤:減少文字,僅保留簡短標籤,重新生成。
  • 過多概念:拆分或刪除錨點。
  • 風格偏移:加強所選風格來源與負向約束。
  • 隱喻薄弱:重寫物理動作與物體。
  • 模型繪製了品牌:以更強的「無 Logo / 無 TF / 無 Tranfu」約束重新生成,再套用品牌外掛模組疊加。
  • 品牌疊加擋住內容:使用 Style Spec 的預留品牌位置;若內容佔據該位置,重新生成並確保留白區域更清楚。
  • 佈局太空或太擠:調整結構,而非整個風格。

9. 儲存與交付

在輸出資料夾中建立或更新 manifest.md,包含:

  • 檔案
  • 平台
  • 風格
  • 品牌外掛模組啟用/停用
  • 風格品質檢查狀態
  • 品牌外掛模組品質檢查狀態(若啟用)
  • 位置/順序
  • 核心意義
  • 結構
  • 視覺隱喻
  • 品質檢查狀態

最終回覆必須包含:

  • 輸出路徑。
  • 圖片數量。
  • 使用了哪種風格。
  • 每張圖片的用途。
  • 品質檢查結論與任何殘留風險。

不可協商事項

  • 先分析內容,再選擇風格。
  • 為整套圖片使用單一套件級視覺風格。
  • 切勿跳過鏡頭清單。
  • 每張圖片只表達一個核心意義。
  • 內容表達結構用於組織資訊。
  • 視覺隱喻將抽象轉化為具體場景。
  • 套件級 Style Spec 控制平台外觀、尺寸、顏色、佈局、安全區域與固定元件位置。
  • 品牌外掛模組預設僅在所選 Style Spec 定義品牌預留位置時啟用;它必須遵從該預留位置,且不得作為全域視覺系統運作。
  • 圖片模型不得繪製品牌 Logo 或頁碼標籤。
  • 一次生成並檢查一張圖片。
  • 將生成的素材儲存在技能資料夾之外。

相關技能