技能手冊 · Skill Manual 2026 夏季號
github.com/JimLiu/baoyu-skills · baoyu-cover-image
b
baoyu-skills · 文章封面圖生成 Skill

用五個維度,
生成文章封面圖

baoyu-cover-image 是寶玉(Jim Liu)開源 baoyu-skills 裡的封面圖生成 skill。它把封面拆成五個可控維度——類型、配色、渲染、文字、情緒——加上字體與長寬比,讓 Claude Code 或 Codex 依文章內容產出風格一致的封面。本手冊整理全部選項速查、CLI 參數、工作流程與注意事項。

5
控制維度
11
配色 Palette
7
渲染風格
MIT
開源授權
01
這是什麼

把封面拆成五個維度,
逐項可控。

baoyu-cover-image 是 baoyu-skills 套件裡的一個 Claude Code skill,由寶玉(Jim Liu)維護,MIT 授權。它解決一個常見痛點:讓 AI 生封面,每次風格都不一樣、文字還常常糊掉。這個 skill 把封面拆成可指定的維度,讓結果可重現、可微調,而不是抽卡。

五個核心維度是類型(Type)、配色(Palette)、渲染(Rendering)、文字量(Text)、情緒(Mood),再加字體(Font)長寬比(Aspect)。每個維度都有預設值與 auto 自動判斷;你可以只指定其中幾個,其餘交給它依文章內容決定。觸發語是「generate cover image」「create article cover」「做封面」之類。

它本身不畫圖,而是挑一個影像後端(Codex 原生 imagegenbaoyu-image-gen,或當前 runtime 的等價工具)來生成。兩條鐵律:生成前一定先把完整 prompt 寫進 prompts/ 檔案;文字若出錯就重生,不用 ImageMagick / SVG 事後修補。

baoyu-cover-image · 七個可控旋鈕
類型 配色 渲染 文字 情緒 字體 長寬比
標題用文章原文,絕不自己編造;
文字錯了就重生,不要事後修補。
— baoyu-cover-image SKILL.md · 構圖與文字原則
02
安裝與啟用

一行裝好 baoyu-skills,
用自然語言喚起。

baoyu-cover-image 隨 baoyu-skills 套件一起安裝。兩種方式:用 skills CLI,或註冊成 Claude Code 的 plugin marketplace。裝好後在 Claude Code 或 Codex 直接用自然語言喚起,不必記指令名稱。

# 方法一:用 skills CLI 安裝整個套件 npx skills add jimliu/baoyu-skills # 方法二:在 Claude Code 內註冊成 plugin marketplace /plugin marketplace add JimLiu/baoyu-skills

怎麼喚起這個 skill

不需要記指令名稱。給 Claude Code 你的文章(貼內容或給檔案路徑),再說要做封面即可;也可以直接帶參數,跳過互動確認(參數見第 03 節)。

# 最簡單:讓它依文章內容自動判斷維度 為這篇文章生成一張封面圖:./posts/my-article.md # 帶參數:指定配色與長寬比,並跳過確認 generate cover image --palette warm --aspect 16:9 --quick
第一次會先設定。首次執行會跑一次設定(Step 0),把你的偏好寫進 EXTEND.md(專案 / XDG / home 路徑擇一)。之後隨時編輯或刪除這個檔即可重設,例如指定 preferred_image_backendwatermark.enabledlanguagequick_mode
03
維度與參數速查

七個維度,
全部選項一次看。

下面把每個維度的全部選項列出來,含預設值。你可以全部交給 auto,也可以逐項指定;只指定其中幾個時,其餘維度會依文章內容自動判斷。指令列參數放在最後一張表,適合在喚起時直接帶上。

① 五大維度 + 字體

維度選項預設
類型 Typehero、conceptual、typography、metaphor、scene、minimalauto
配色 Palettewarm、elegant、cool、dark、earth、vivid、pastel、mono、retro、duotone、macaron(11 種)auto
渲染 Renderingflat-vector、hand-drawn、painterly、digital、pixel、chalk、screen-print(7 種)auto
文字量 Textnone、title-only、title-subtitle、text-richtitle-only
情緒 Moodsubtle、balanced、boldbalanced
字體 Fontclean、handwritten、serif、displayclean

② 長寬比 Aspect

長寬比用途
16:9預設,通用橫式
2.35:1電影感寬幅
4:3傳統橫式
3:2攝影比例
1:1方形,社群貼文
3:4直式

③ 指令列參數

參數說明
--type <name>指定類型(6 種)
--palette <name>指定配色(11 種)
--rendering <name>指定渲染風格(7 種)
--style <name>套用預設組合 preset(快捷)
--text <level>none / title-only / title-subtitle / text-rich
--mood <level>subtle / balanced / bold
--font <name>clean / handwritten / serif / display
--aspect <ratio>16:9 / 2.35:1 / 4:3 / 3:2 / 1:1 / 3:4
--lang <code>標題語言(en、zh、ja…)
--no-title等同 --text none
--quick跳過確認,用自動選擇
--ref <files...>參考圖,用於風格 / 構圖

④ 構圖原則(skill 內建)

不論你選哪些維度,baoyu-cover-image 都會套用幾條固定的構圖原則:留白 40–60%,保留呼吸感;視覺錨點放在置中或偏左;人物用剪影式簡化,避免擬真人臉;標題使用原文,用你或來源提供的確切標題,絕不自行編造。

⑤ 影像後端選擇順序

skill 本身不畫圖,而是依優先序挑一個影像後端:① 當前訊息指定的後端 → ② EXTEND.md 裡存的 preferred_image_backend → ③ 自動挑選(Codex 原生 imagegen → Codex CLI → 其他 runtime 原生工具 → 唯一可用的後端)→ ④ 都沒有就詢問你。要直接走特定後端,在訊息裡指定即可。

⑥ 輸出檔案結構

產出會放在輸出目錄下,prompt 與來源檔一併保留,方便重生與追溯:

<output-dir>/ ├── source-{slug}.{ext} # 來源(文章/截圖) ├── refs/ # 有給參考圖時 │ ├── ref-01-{slug}.{ext} │ └── ref-01-{slug}.md ├── prompts/cover.md # 生成前必先寫入的完整 prompt └── cover.png # 封面成品
輸出目錄三種模式。same-dir:放文章所在目錄;imgs-subdir:放 {文章目錄}/imgs/;independent(預設):放 cover-image/{topic-slug}/。可在 EXTEND.md 設定預設模式。
04
工作流程

從文章到封面,
六個步驟

喚起後,skill 會走一條固定流程。理解每一步,就知道它在等你確認什麼、會把檔案放在哪裡。其中 Step 0 與「先寫 prompt」是會擋住流程的硬規則。

STEP 0

載入偏好(會擋住)

從專案 / XDG / home 路徑讀取 EXTEND.md 偏好;若沒有,先跑一次首次設定。這步是 BLOCKING——確保有偏好(後端、語言、quick_mode 等)才往下走。

EXTEND.md · 三路徑擇一
STEP 1

分析內容

分析文章內容、存下你提供的參考圖、決定輸出目錄(same-dir / imgs-subdir / independent)。

輸出目錄在此決定
STEP 2

確認維度

用互動工具跟你確認類型、配色、渲染等維度——除非你下了 --quick、說「不用確認」,或已把維度全部指定。

--quick 可跳過
STEP 3

先寫 prompt(強制)

生成前,把完整 prompt 寫進 prompts/cover.md(或 prompts/NN-{type}-[slug].md)。沒寫不生圖——這讓結果可追溯、可重生。

prompt 檔案為必要步驟
STEP 4

挑後端並生成

依優先序挑影像後端(Codex 原生 imagegenbaoyu-image-gen,或 runtime 等價工具),然後生成封面。

後端順序見第 03 節
STEP 5

回報結果

回報主題、最終採用的維度、以及檔案位置(來源、prompt、cover.png)。文字若出錯,回到 Step 3/4 重生,不事後修補。

錯了就重生,不修補
05
實作示範

為一篇文章,
生成一張封面

以下示範把一篇 Markdown 文章交給 baoyu-cover-image,指定暖色、扁平向量、電影寬幅,看它怎麼確認維度、先寫 prompt、再生成。互動確認的步驟以對話呈現。

~/posts · claude code · baoyu-cover-image v1.117.5
You › 為這篇文章生成封面:./posts/llm-agents.md --palette warm --rendering flat-vector --aspect 2.35:1
[loaded baoyu-cover-image · Step 0 讀取 EXTEND.md ✓] [Step 1 分析內容 · topic: "LLM Agents 入門"]
Claude › 我準備用這些維度,先跟你確認: 類型 type : conceptual(自動判斷) 配色 palette : warm 渲染 rendering : flat-vector 文字 text : title-only 情緒 mood : balanced 長寬比 aspect : 2.35:1
You › 可以,但 mood 改成 bold
[Step 3 寫 prompt → cover-image/llm-agents/prompts/cover.md] [Step 4 後端: codex imagegen · 生成中…]
Claude › [Step 5 完成] topic : LLM Agents 入門 file : cover-image/llm-agents/cover.png prompt : cover-image/llm-agents/prompts/cover.md
標題用文章原文,未改字。若文字有誤,改 prompt 再跑一次即可。
生成前先把完整 prompt 寫進檔案,
文字錯了就重生——不用 SVG 或 ImageMagick 事後補字。
— baoyu-cover-image · 這條規則讓封面可重現,而不是抽卡

為什麼要先寫 prompt 檔

把 prompt 落成 prompts/cover.md 有兩個好處:一是可追溯,你能看到這張封面到底用了什麼描述;二是可重生,文字糊掉或想微調時,改 prompt 再跑一次即可,維度與構圖保持一致。

這也是它刻意不准用 SVG 或疊字事後修補的原因——那會讓結果不可重現,下次想複製同一風格就辦不到。整個流程的設計重點,是把「抽卡式生圖」變成「可控、可重跑的產線」。

06
先看清楚這些

用之前,
先記住這些規則

  • 不要事後補字。生成的文字若出錯,改 prompt 重生,不要用 ImageMagick、Pillow、SVG 疊字修補。這是 skill 的硬規則,目的是維持結果可重現。
  • 不要用 SVG / HTML 取代生圖。這個 skill 要的是點陣圖(raster)生成,不接受用 SVG 或 HTML「假裝」成封面圖。
  • 預設會跟你確認維度。除非你下 --quick、說「不用確認」,或 EXTEND.md 設了 quick_mode: true,否則它會停下來等你確認。批次自動化時記得加 --quick
  • 標題要正確。它使用你或來源提供的確切標題;標題有錯字或語言設定不對,輸出就跟著錯。需要不同語言用 --lang(en、zh、ja…)。
  • 需要一個影像後端。它不自帶生圖能力,要有 Codex imagegenbaoyu-image-gen 或 runtime 等價工具;都沒有時它會問你怎麼處理,而不是亂猜。
  • prompt 一定先落檔。沒把完整 prompt 寫進 prompts/ 就不生圖。若看到它跳過這步直接生,代表流程出錯,該停下來檢查。
  • 維度多,但別全開。文字量選 text-rich、情緒選 bold 會讓畫面更滿;封面通常 title-only 搭配 40–60% 留白更耐看。先用預設,再逐項加。
  • 它是 baoyu-skills 的一部分。版本與選項會隨套件更新;以各 skill 的 SKILL.mdreferences/ 為準(本手冊對應 baoyu-cover-image v1.117.5)。
07
進階與搭配

把封面接進你的內容產線

單張封面只是起點。把 baoyu-cover-image 接進固定設定與其他 baoyu-skills,它就從「生圖工具」變成「內容產線的一站」。

進階玩法地圖

1. 用 EXTEND.md 鎖風格。把常用配色、渲染、字體、後端寫進 EXTEND.md,之後每張封面風格一致,連 --quick 都不必每次重帶參數。

2. 用 --ref 餵風格參考。給幾張你喜歡的封面當 --ref,讓構圖與風格更貼近你的品牌調性。

3. 用 --style preset 快速套版。重複使用的維度組合,用 --style 一次帶入,省去逐項指定。

4. 串成內容產線。baoyu-url-to-markdownbaoyu-youtube-transcript 取得內容 → baoyu-translate / baoyu-format-markdown 整理 → baoyu-cover-image 生封面 → baoyu-post-to-x / baoyu-post-to-wechat 發佈。

5. 換出圖後端。想用不同模型,改 EXTEND.mdpreferred_image_backend,或用 baoyu-image-gen 接 OpenAI / Azure / Google / OpenRouter / DashScope 等。

最該讀的延伸資料

skills/baoyu-cover-image——SKILL.md 與 references/(types、palettes、renderings、auto-selection、style-presets)。
JimLiu/baoyu-skills——整個套件的 README 與其餘 20 個 skill。
③ 同套件的 baoyu-image-gen——多供應商出圖後端,搭配本 skill 使用。

把生封面從「每次重抽」,
變成「設定一次、重複產出」。
— baoyu-cover-image 的價值不在單張圖,而在可重現的產線