寫文章找配圖太麻煩，於是我給自己捏了個配圖助手Skills
整理版優先睇
作者雲舒為解決寫文章配圖麻煩，開發咗「配圖助手Skills」，實現從需求到出圖嘅流程自動化，並解釋咗分步確認設計嘅邏輯同好處。
呢篇文章係由喺AI裏實踐嘅雲舒分享，佢最近沉迷研究Skills，今次想介紹佢自己開發嘅配圖助手Skills。
雲舒寫文章最煩就係揾配圖，以前要喺圖庫翻半日，或者每次用AI生成都要手動開提示詞、讀文章內容、生成提示詞再出圖，個流程好麻煩。為咗簡化呢個流程，佢就開發咗配圖助手Skills，可以自動化完成配圖規劃同生成。
呢個Skills嘅使用流程分五步：需求澄清、配圖規劃、文案定稿、提示詞封裝、批量出圖，每一步都會同用家確認，確保最終產出啱心水。設計邏輯係因為人比AI更瞭解自己嘅文章，而且一次過生成曬成本高（每張約0.4元），分步確認可以避免浪費。作者認為Skills係一個好好嘅中間位置，能夠將一啲唔划算開發產品但又成日用嘅需求，透過沉澱技能同知識，藉助Agent能力高效解決。
- 配圖助手Skills可以將寫作配圖流程自動化，從文章內容直接生成圖片，慳返好多時間。
- 流程分五步：需求澄清、配圖規劃、文案定稿、提示詞封裝、批量出圖，每一步都有人蔘與確認。
- 同直接叫AI一次過生成唔同，分步設計避免咗返工成本，因為人比AI更清楚自己想要咩圖。
- Skills係產品同簡單Prompt之間嘅中間位置，適合嗰啲高頻但又唔值得開發成產品嘅需求。
- 讀者可以從GitHub下載Skills，配置API後安裝到Claude Code或Codex即用，成本每張約0.4元。
配圖助手Skills
自動化寫作配圖嘅Skills，支援Claude Code與Codex，透過5步流程完成配圖生成。
apimart.ai API
用於批量出圖嘅API平台，每張成本約0.4元。
點解要整配圖助手？
大家好呀，我係喺AI裏實踐嘅雲舒，最近沉浸喺Skills嘅海洋度。對我嚟講，寫文章最煩嘅就係揾圖呢件事。想揾個好嘅配圖就要去各種圖庫度翻半日，成日出現腦海裏明明好想要一個圖，但係並唔知道個圖擺咗喺邊。
用AI生成配圖又要每次開一個提示詞，先讀取文章內容、然後生成提示詞、再用提示詞生成圖，成個流程每次都依賴人工點點點。
所以我一般只會用喺封面生成上。最近研究Skills，我諗嚇可唔可以封裝一個Skills嚟簡化我寫內容配圖嘅流程，於是我開始咗各種測試，最後搞出咗配圖助手Skills。
下載安裝同配置API
配圖助手Skills我上傳咗去GitHub，大家可以揀訪問連結下載，或者叫AI幫手下載。目前配圖助手Skills喺Claude Code同Codex均可出圖使用。
- GitHub連結：https://github.com/yunshu0909/yunshu_skillshub
- 叫AI從GitHub下載Skills嘅指令：請你幫我下載 https://github.com/yunshu0909/yunshu_skillshub 嘅內容到呢個文件夾裏
下載完成後先唔好急住放去Skills目錄，下一步要配置API key，等AI有完整嘅調用模型出圖能力。
批量出圖嘅API我用嘅係：https://apimart.ai/，目前一張圖成本喺0.4元。
如果你想換其他出圖模型同API，可以將對應嘅API信息話俾模型知，叫模型修改配圖助手裏嘅對應信息就得。
配圖助手Skills信息配置好之後仲要將佢安裝到工具嘅Skills庫先可以正常調用。可以叫AI幫手安裝：「請將呢個Skills安裝到你嘅Skills庫裏」，或者手動將配圖助手Skills複製到對應目錄：Claude Code係.claude/skills/，Codex係.codex/skills/。
配圖助手使用流程：五步出圖
配圖助手Skills會分成五步完成配圖產出嘅任務，每一步都會同人做各種信息確認。
- 1 第一步：需求澄清 - 透過 /image-assistant 指令或者話「我需要配圖助手」喚醒Skills，佢會問你要文章內容同預期風格，然後講出佢嘅理解，確認無誤後進入配圖規劃。
- 2 第二步：配圖規劃 - 規劃階段配圖助手會俾出每張圖嘅設計思路、文字預算同模板建議，確認無誤後去產出文案。
- 3 第三步：文案定稿 - 配圖助手逐張確定圖上面寫咩文字，對應嘅圖片佈局係點，確認無誤後產出提示詞。
- 4 第四步：提示詞封裝 - 呢步係為批量調用API做準備，生成API請求所需嘅提示詞指令。
- 5 第五步：批量出圖 - 配圖助手會批量調用API生成圖片，然後將生成嘅圖片保存到文件夾裏。
每一步都確保人揸fit，避免最後出嚟嘅圖唔啱心水。
點解要咁樣設計？
有人可能會問：點解唔直接俾一篇文章佢框框生成曬圖片就算？我咁設計主要有兩個原因。
- 人比AI更瞭解自己嘅文章：人知道每個位置應該放咩類型嘅圖、想起到咩效果，AI聰明但唔一定理解人嘅真實意圖。
- 一把梭好容易翻車，返工成本太高：AI可以直接生成曬所有圖，但如果結果同人想要嘅唔同，就要全部重來。調用API生成圖片成本唔低，框框搞幾次可能幾十蚊就冇咗。
我覺得Skills令我最鍾意嘅一點係：佢可以慢慢變成一個真正懂我嘅夥伴。每次對話後我可以迭代優化佢，俾更多知識同語料，同佢一齊幫我將效率提高。
Skills嘅價值：中間位置嘅力量
好多需求睇嚇使用頻率同開發成本，做一個產品其實唔太划算，但唔做一個產品每次用起嚟又特別麻煩，而且淨係整個提示詞都唔係太好解決問題。呢個係我過去做配圖、漫畫、思考呢啲場景下嘅一個痛點。
Skills就好似一個好好嘅中間位置，能夠將呢啲唔係好大但成日用嘅需求，透過技能同知識嘅沉澱，藉助Agent能力高效解決問題。
而且模型越強，我哋沉澱嘅Skills價值會變得越來越大。如果你都有呢啲痛點需求，快啲同AI一齊創建你嘅第一個Skills啦，享受佢幫你提效帶嚟嘅快樂～
大家好呀，我係喺AI入面實踐嘅雲舒，最近沉迷喺Skills嘅世界裏面，今日想同大家分享嚇我嘅配圖助手skills。
對我嚟講寫文章最煩嘅其實就係揾圖呢件事。
想揾一個好嘅配圖就要去唔同圖庫度揾半日，成日出現腦入面明明好想要一個圖，但係唔知個圖擺咗喺邊；用AI生成配圖就要每次開一個提示詞，首先讀取文章嘅內容、然後生成提示詞、再用提示詞生成圖，呢個流程每次都要靠人手㩒嚟㩒去，所以我一般只用喺封面生成度。
最近研究skills，我想睇嚇可唔可以封裝一個skills嚟簡化我寫內容配圖嘅流程，於是我開始咗各種測試，最後整咗出嚟配圖助手skills。
先俾大家睇嚇我用配圖助手skills整嘅圖啦：
呢啲圖都係用配圖助手skills生成嘅，接落嚟我同大家分享嚇配圖助手skills嘅安裝同使用流程~
1.下載安裝Skills
配圖助手skills我上載咗上github，大家可以揀訪問連結下載，亦都可以叫AI幫手下載，目前配圖助手skills喺claude code同codex都可以出圖使用。
Github連結：https://github.com/yunshu0909/yunshu_skillshub
叫AI從GitHub下載skills嘅指令：
請你幫我下載 https://github.com/yunshu0909/yunshu_skillshub 的內容到這個文件夾裏 
2.配置API
API唔配置唔會影響配圖助手前幾個步驟嘅使用，只係喺生成圖片呢一環，需要改為人手搬運完成。
下載完成後唔好急住放落skills目錄度，接落嚟需要配置api key，等AI有完整嘅調用模型出圖嘅能力。
批量出圖嘅API我用嘅係：https://apimart.ai/，目前一張圖成本係0.4蚊。
大家如果想更換其他出圖模型同API，可以將對應嘅API資訊話俾模型知，叫模型修改配圖助手入面嘅對應資訊就得。
3.將配圖助手安裝到claude code / codex 嘅skills庫入面
配圖助手skills資訊配置好之後唔可以直接用，仲要將佢安裝到工具嘅skills庫入面先可以正常調用。
AI安裝方式：請將呢個skills安裝到你嘅skills庫入面 @對應嘅skills地址。
手動安裝方式：將配圖助手skills複製到對應工具嘅skills目錄文件下就得，claude code嘅目錄文件係：.claude/skills/，codex嘅目錄文件係：.codex/skills/。
4.配圖助手skills使用流程
配圖助手skills會分成五步嚟完成配圖產出嘅任務，佢每一步環節都會同人做各種資訊嘅確認。
第一步：需求澄清
透過 /image-assistant 指令或者話我需要配圖助手，就可以叫醒配圖助手skills，佢會問你要文章嘅內容同預期嘅風格。
然後配圖助手會根據你提供嘅內容，話俾你知佢嘅理解，當你確認冇問題之後就會進入配圖規劃階段。
第二步：配圖規劃
規劃階段配圖助手會俾到每一張圖嘅設計思路同文字預算以及模版建議，如果你確認冇問題佢就會去產出文案。
第三步：文案定稿
配圖助手會逐張確定圖上面寫咩文字，對應嘅圖片佈局係咩樣，確認冇錯之後佢就會去產出提示詞。
第四步：提示詞封裝
呢步配圖助手會為批量調用API做準備，生成API請求需要嘅提示詞指令。
第五步：批量出圖
配圖助手會批量調用API嚟生成圖片，然後將生成嘅圖片保存到文件夾入面。
5.配圖助手skills流程設計邏輯
咁點解唔直接俾一篇文章佢等佢框框生成圖片就算，仲要做呢種流程拆分設計？
我咁樣設計主要有兩個原因：
1. 人比 AI 更瞭解自己嘅文章：人知道每個位置應該放咩類型嘅圖、想達到咩效果。AI都聰明，但唔一定理解人嘅真實意圖。
2. 一次過搞容易出事，返工成本太高：AI可以直接將所有圖都生成出嚟，但如果結果發現同人想要嘅唔一樣，就要全部重新嚟過。而調用 API 生成圖片嘅成本唔低，咁樣框框搞幾次可能幾十蚊就冇咗。分步確認，可以喺每個環節糾正方向，避免浪費。
所以配圖助手Skills 嘅設計邏輯係：每一步都叫人參與決策，確保最終出嚟嘅圖係人真正想要嘅。
配圖助手skills同大家介紹完啦，佢仲有好多可以繼續完善嘅地方，增加更多嘅模板庫，增加更多嘅風格樣式，歡迎你喺使用佢之後繼續陪住佢一齊迭代，等佢幫你成為日常嘅好拍檔。
我覺得Skills令我最鍾意嘅一點在於：佢可以慢慢變成一個真正明我嘅夥伴。
每次對話之後我可以去迭代優化佢，俾佢更多嘅知識同語料，同佢一齊幫我將效率提高，呢個亦都係我最近願意花好多時間沉迷喺 Skills 入面嘅原因。
好多需求睇嚇佢嘅使用頻率同開發成本，做一個產品其實唔係好划算，但係唔做一個產品每次用起上嚟又好麻煩，而且單整個提示詞都唔係好解決到問題，呢個其實係我以前做配圖、漫畫、思考呢啲場景下嘅一個痛點。
而Skills就好似一個好好嘅中間位置，可以將我哋呢啲唔係幾好做嘅需求透過技能同知識嘅沉澱，藉助Agent嘅能力嚟幫我哋高效解決問題。
模型越強，我哋沉澱嘅Skills價值會變得越來越大。
如果你都有呢啲痛點需求，咁快啲嚟同AI一齊創建你嘅第一個Skills啦，享受佢幫你提升效率帶嚟嘅快樂~
📬 如果你第一時間想收到更新，都可以俾我一個星標 ⭐
🌱 睇完呢篇文章覺得有幫助嘅話，歡迎同我一齊去騰訊公益捐一筆，為小朋友出一份力~👇
大家好呀，我是在AI裏實踐的雲舒，最近沉浸在Skills的海洋裏，今天想來跟大家分享一下我的配圖助手skills。
對我來說寫文章最煩的其實就是找圖這個事情。
想找一個好的配圖就得去各種圖庫裏翻半天，經常會出現腦子裏明明很想要一個圖，但是並不知道這個圖放在了哪裏；用AI生成配圖就又得去每次開一個提示詞，先讀取文章的內容、然後生成提示詞、再用提示詞生成圖，這個流程每次都得依賴人工點點點，所以我一般只用在封面生成上。
最近研究skills，我想看看能不能封裝一個skills來簡化我寫內容配圖的流程，於是我開始了各種測試，最後搞出來了配圖助手skills。
先給大家看看我用配圖助手skills做的圖吧：
這些圖都是用配圖助手skills生成的，接下來我跟大家分享一下配圖助手skills的安裝和使用流程~
1.下載安裝Skills
配圖助手skills我上傳到了github上，大家可以選擇訪問連結下載，也可以讓AI來幫忙下載，目前配圖助手skills在claude code 和 codex均可出圖使用。
Github連結：https://github.com/yunshu0909/yunshu_skillshub
讓AI從GitHub下載skills的指令：
請你幫我下載 https://github.com/yunshu0909/yunshu_skillshub 的內容到這個文件夾裏 2.配置API
API 不配置並不影響配圖助手前幾個步驟的使用，只是在生成圖片這一環節，需要改為人工手動搬運完成。
下載完成後先不要着急放到skills目錄裏，接下來需要配置api key，讓AI有完整的調用模型出圖的能力。
批量出圖的API我用的是：https://apimart.ai/，目前一張圖成本在0.4元。
大家如果想更換其它的出圖模型和API，可以把對應的API信息告訴模型，讓模型修改配圖助手裏的對應信息即可。
3.把配圖助手安裝到claude code / codex 的skills庫裏
配圖助手skills信息配置好後並不能直接使用，還需要我們把它安裝到工具的skills庫裏才能正常調用。
AI安裝方式：請把這個skills 安裝到你的skills庫裏 @對應的skills地址。
手動安裝方式：把配圖助手skills複製到對應工具的skills目錄文件下即可，claude code是目錄文件是：.claude/skills/，codex是目錄文件是：.codex/skills/。
4.配圖助手skills使用流程
配圖助手skills會分成五步來完成配圖產出的任務，它每一步環節都會和人做各種信息的確認。
第一步：需求澄清
通過 /image-assistant 指令或者說我需要配圖助手，即可喚醒配圖助手skills，它會找你要文章的內容和預期的風格。
然後配圖助手會跟你提供的內容，告訴你它的理解，當你確認沒問題後會進入配圖規劃階段。
第二步：配圖規劃
規劃階段配圖助手會給到每一張圖的設計思路和文字預算以及模版建議，如果你確認沒問題它會去產出文案。
第三步：文案定稿
配圖助手會逐張確定圖上寫什麼文字，對應的圖片佈局是什麼樣子，確認無誤後它會去產出提示詞。
第四步：提示詞封裝
這步配圖助手會為批量調用API做準備，生成API請求所需要的提示詞指令。
第五步：批量出圖
配圖助手會批量調用API來生成圖片，然後把生成的圖片保存到文件夾裏。
5.配圖助手skills流程設計邏輯
那為什麼不直接給它一篇文章讓它框框生成圖片就好了，還要做這樣的流程拆分設計？
我這麼設計主要有兩個原因：
1. 人比 AI 更瞭解自己的文章：人知道每個位置該放什麼類型的圖、想起到什麼效果。AI也聰明，但不一定理解人的真實意圖。
2. 一把梭容易翻車，返工成本太高：AI可以直接把所有圖都生成出來，但如果結果發現跟人想要的不一樣，那就得全部重來。而調用 API 生成圖片的成本可不低，這樣框框搞幾次可能幾十塊就沒了。分步確認，可以在每個環節糾正方向，避免浪費。
所以配圖助手Skills 的設計邏輯是：每一步都讓人蔘與決策，確保最終出來的圖是人真正想要的。
配圖助手skills給大家介紹完啦，它還有很多可以繼續去完善的地方，增加更多的模板庫，增加更多的風格樣式，歡迎你在使用它之後繼續陪着它一起迭代，讓它幫你成為日常的好搭子。
我覺得Skills讓我最喜歡的一點在於：它可以慢慢變成一個真正懂我的夥伴。
每次對話後我可以去迭代優化它，給它更多的知識和語料，和它一起幫我把效率提的更高，這也是我最近願意花很多時間沉浸在 Skills 裏的原因。
很多需求看看它的使用頻率和開發成本，做一個產品其實不太划算，但不做一個產品每次用起來又特別麻煩，而且單弄個提示詞也不太好解決問題，這其實是我過去做配圖、漫畫、思考這些場景下的一個痛點。
而Skills就像一個很好的中間位置，能夠把我們這些不太好做的需求通過技能和知識的沉澱，藉助Agent的能力來幫我們高效解決問題。
模型越強，我們沉澱的Skills價值會變得越來越大。
如果你也有這樣的痛點需求，那快來和AI一起創建你的第一個Skills吧，享受它幫你提效帶來的快樂~
📬 如果你想第一時間收到更新，也可以給我一個星標 ⭐
🌱 看完這篇文章覺得有幫助的話，歡迎和我一起去騰訊公益捐一筆，為孩子們出一份小力~👇