文章配圖風格不統一？一隻小黑給你從頭管到尾，手把手教程
整理版優先睇
用 Ian Xiaohei Illustrations Skill 統一公眾號配圖風格，一隻小黑搞掂曬
呢篇文章由開發者 helloianneo 分享，佢為咗解決「公眾號配圖風格唔統一」呢個常見問題，整咗一個 Codex Skill 叫 Ian Xiaohei Illustrations。整體結論係：用呢個 Skill 可以自動將文章內容轉成統一風格嘅「小黑」手繪圖，唔使再煩惱 Unsplash 亂配圖或者 AI 生圖風格唔一致。
呢個 Skill 嘅做法係先分析文章，揾出適合配圖嘅判斷、流程、結構或者隱喻，然後生成 16:9 橫版、白底、黑色手繪線稿嘅插圖，角色「小黑」係一個黑色實心、白點眼、細腿嘅公仔，每張圖都會認真做一件事，唔係純裝飾。開源三日已經衝上 GitHub Trendshift，有 937 星，證明需求好大。
安裝好簡單，只要叫 AI 助手從 GitHub 安裝 helloianneo/ian-xiaohei-illustrations，或者手動 clone 複製到對應 skills 目錄，重啟會話就用得，唔使 API key 或者註冊。跟住有三種模式可以揀：先睇 shot list 再確認出圖、成篇文章一次過出圖、或者一句金句出一張圖。背後仲有九步流程確保質素，包括 QA 檢查白底、留白、中文標註等。
- 結論：Ian Xiaohei Illustrations 係一個專為統一配圖風格而設嘅 Codex Skill，用「小黑」角色將文章內容視覺化，解決配圖風格混亂問題。
- 方法：提供三種模式——先出 shot list 確認再出圖、整篇直接生成、單句金句生成，適應不同創作習慣。
- 差異：唔係通用生圖工具，而係針對公眾號文章場景，將文字結構轉化為流程圖、對比圖、隱喻圖等，每張圖都有明確主題。
- 啟發：開源三日衝上 GitHub Trendshift，說明垂直場景、高質量嘅工具需求好大，開發者可以參考呢個思路。
- 可行動點：即刻安裝試用，仲可以搭配作者另一個項目 Ian Handdrawn PPT 做封面同內頁，成條視覺線都統一。
Ian Xiaohei Illustrations
Codex Skill，用於生成統一風格嘅「小黑」手繪配圖。開源三日 937 星。
Ian Handdrawn PPT
作者另一個項目，21:9 封面 + 16:9 內頁 PPT 模板，風格與小黑一致，可搭配使用。
優化版 Ian Xiaohei Illustrations
作者優化過嘅版本，比原版提升 16 分，提供 quark 下載連結。
開源背景：點解要整呢個 Skill？
作者 helloianneo 係一個公眾號作者，成日要出文配圖，但發現 Unsplash 隨機配圖或者 AI 生圖 成日風格唔一致，覺得好煩。於是佢就整咗呢個 Codex Skill，專為統一配圖風格而設。
呢個 Skill 唔係做通用生圖，而係 專注將文章內容轉做「小黑」手繪圖。小黑係一個黑色實心、白點眼、細腿嘅角色，每張圖都會做一個具體動作，唔係裝飾。開源三日衝上 GitHub Trendshift，目前 937 星，證明好多人都遇到同樣問題。
安裝方法：唔使 API Key，幾步就搞掂
安裝好簡單，你只需要叫 AI 助手幫你 從 GitHub 安裝 helloianneo/ian-xiaohei-illustrations 到 skills 目錄，或者手動 clone。
git clone https://github.com/helloianneo/ian-xiaohei-illustrations.git
然後將 ian-xiaohei-illustrations/ian-xiaohei-illustrations 複製到對應目錄：
OpenClaw / OpenCode:~/.config/opencode/skills/
Codex:~/.codex/skills/
重啟會話即可。跟住就用得，唔需要 API key 或者註冊，即裝即用。
三種模式：由你控制出圖節奏
- 模式一：先睇 shot list。用指令「$ian-xiaohei-illustrations 先不要生圖。分析下面呢篇文章邊度值得配圖，輸出 5 張 shot list。」跟住你可以確認，再叫佢生圖。
- 模式二：成篇直接出圖。用指令「$ian-xiaohei-illustrations 把下面呢篇文章生成 4 張配圖。」Skill 會自動走曬 9 步流程，最後將 PNG 存到 assets/-illustrations/。
- 模式三：一句金句一張圖。用指令「$ian-xiaohei-illustrations 為「信任不是喊出來的，而是一塊證據一塊證據鋪過去的」生成一張配圖。」小黑會做核心動作。
背後九步流程：點樣確保質素
無論邊種模式，Skill 都會行 九步流程，確保每張圖都高質。包括：讀文章、提煉錨點、選結構類型、生圖、QA 檢查等。
- 1 讀文章，提煉核心觀點同適合視覺化嘅段落。
- 2 選結構類型：Workflow、系統局部、前後對比、角色狀態、概念隱喻、方法分層、地圖路線、小漫畫。
- 3 為每個錨點重新設計物理隱喻，小黑參與核心動作。
- 4 每張圖單獨調用圖像模型生成。
- 5 QA：白底？留白夠？中文標註對？唔似 PPT？保存 PNG，報告路徑。
呢個流程確保圖嘅 風格一致、資訊清晰，唔會亂咁生圖。
彩蛋：小黑仲有個 PPT 兄弟
作者仲有另一個項目 Ian Handdrawn PPT，風格同小黑一致，21:9 封面 + 16:9 內頁。你可以文章配圖用小黑，封面同課件頁用佢兄弟，咁成條視覺線就齊曬。
作者仲提供咗一個優化版，聲稱比原版提升咗 16 分，有興趣可以喺資源度揾到。
你個公眾號文章仲用緊 Unsplash 隨機圖配？或者每次叫 AI 生圖，五張圖五種風格？如果想統一風格，可以試下呢個 skill。
Ian Xiaohei Illustrations 係一個 Codex Skill，唔係做通用生圖。佢嘅做法：將你文章裏面嘅判斷、流程、結構、隱喻，變成 16:9 嘅「小黑」手繪圖。小黑係一個黑色實心、白點眼、幼腳嘅小角色，每張圖入面認真做一件事，唔係裝飾。
開源三日就衝上 GitHub Trendshift，而家有 937 個星。
安裝：同你嘅 AI 講就得
呢個 Skill 需要喺 Codex 環境入面跑。如果你用緊 OpenClaw 或者 OpenCode，一樣用得。
同你嘅 AI 助手講：
幫我從 GitHub 安裝 helloianneo/ian-xiaohei-illustrations 到 skills 目錄
或者手動 clone：
git clone https://github.com/helloianneo/ian-xiaohei-illustrations.git
然後把 ian-xiaohei-illustrations/ian-xiaohei-illustrations 複製到對應目錄：
- OpenClaw / OpenCode：
~/.config/opencode/skills/ - Codex：
~/.codex/skills/
重啟會話就得。唔需要 API key，唔需要註冊。
三種模式：由 shot list 到直接出圖
模式一：先睇 shot list，確認先出圖
Use $ian-xiaohei-illustrations 先不要生圖。
分析下面這篇文章哪裏值得配圖，輸出 5 張 shot list。
每張圖寫清楚：放在哪段後、主題、核心意思、結構類型、小黑在做什麼。
輸出一張表，話你知第 3 段之後放流程圖，第 7 段之後放對比圖。確認之後先至生成。
模式二：成篇丟入去，配圖直接出
Use $ian-xiaohei-illustrations 把下面這篇文章生成 4 張配圖。
16:9 橫版、純白背景、黑色手繪線稿、少量紅橙藍中文批註。
Skill 行完 9 步流程——讀文章、提煉錨點、揀結構類型（流程圖/前後對比/概念隱喻/小漫畫）、生圖、QA 檢查。最後 PNG 存到 assets/-illustrations/。
以下係用小黑 skill 通讀一篇文章生成嘅系列圖片：
模式三：一句金句一張圖
Use $ian-xiaohei-illustrations 為"信任不是喊出來的，
而是一塊證據一塊證據鋪過去的"生成一張配圖。
小黑必須承擔核心動作。
背後七步：睇明流程先用得佢好
讀文章，提煉核心觀點同適合視覺化嘅段落 揀結構類型：Workflow、系統局部、前後對比、角色狀態、概念隱喻、方法分層、地圖路線、小漫畫 為每個錨點重新設計物理隱喻 小黑參與核心動作 每張圖各自叫圖像模型生成 QA：白底？留白夠？中文標註啱？唔似 PPT？ 保存 PNG，報個路徑
彩蛋：小黑仲有個 PPT 兄弟
作者另一個項目 Ian Handdrawn PPT：
https://github.com/helloianneo/ian-handdrawn-ppt
風格一致，21:9 封面加 16:9 內頁。寫篇文章，插圖用小黑，封面同課件頁用佢兄弟，成條視覺線就齊曬。
我優化過嘅Ian Xiaohei Illustrations 技能，比原版提升咗 16 分：
https://pan.quark.cn/s/6560307c753d
你的公眾號文章還在用 Unsplash 隨機圖配？或者每次讓 AI 生圖，五張圖五種風格？如果想統一風格，可以事實這個skill。
Ian Xiaohei Illustrations 是一個 Codex Skill，不做通用生圖。它的做法：把你文章裏的判斷、流程、結構、隱喻，變成 16:9 的"小黑"手繪圖。小黑是一個黑色實心、白點眼、細腿的小角色，每張圖裏認真幹一件事，不是裝飾。
開源三天衝上 GitHub Trendshift，目前 937 星。
安裝：告訴你的AI就行
本 Skill 需要在 Codex 環境裏跑。如果你在用 OpenClaw 或 OpenCode，一樣能用。
告訴你的 AI 助手：
幫我從 GitHub 安裝 helloianneo/ian-xiaohei-illustrations 到 skills 目錄
或手動克隆：
git clone https://github.com/helloianneo/ian-xiaohei-illustrations.git
然後把 ian-xiaohei-illustrations/ian-xiaohei-illustrations 複製到對應目錄：
- OpenClaw / OpenCode:
~/.config/opencode/skills/ - Codex:
~/.codex/skills/
重啓會話即可。不需要 API key，不需要註冊。
三種模式：從shot list到直接出圖
模式一：先看 shot list，確認再出圖
Use $ian-xiaohei-illustrations 先不要生圖。
分析下面這篇文章哪裏值得配圖，輸出 5 張 shot list。
每張圖寫清楚：放在哪段後、主題、核心意思、結構類型、小黑在做什麼。
輸出一張表格，告訴你第 3 段後放流程圖，第 7 段後放對比圖。確認後再生。
模式二：整篇丟進去，配圖直接出
Use $ian-xiaohei-illustrations 把下面這篇文章生成 4 張配圖。
16:9 橫版、純白背景、黑色手繪線稿、少量紅橙藍中文批註。
Skill 走完 9 步流程——讀文章、提煉錨點、選結構類型（流程圖/前後對比/概念隱喻/小漫畫）、生圖、QA 檢查。最終 PNG 存到 assets/-illustrations/。
以下是使用小黑skill通讀一篇文章生成的系列圖片：
模式三：一句金句一張圖
Use $ian-xiaohei-illustrations 為"信任不是喊出來的，
而是一塊證據一塊證據鋪過去的"生成一張配圖。
小黑必須承擔核心動作。
背後七步：看懂流程才能用好它
讀文章，提煉核心觀點和適合視覺化的段落 選結構類型：Workflow、系統局部、前後對比、角色狀態、概念隱喻、方法分層、地圖路線、小漫畫 為每個錨點重新設計物理隱喻 小黑參與核心動作 每張圖單獨調用圖像模型生成 QA：白底？留白夠？中文標註對？不像 PPT？ 保存 PNG，報告路徑
彩蛋：小黑還有個 PPT 兄弟
作者另一個項目Ian Handdrawn PPT：
https://github.com/helloianneo/ian-handdrawn-ppt
風格一致，21:9 封面 + 16:9 內頁。寫篇文章，插圖用小黑，封面和課件頁用它兄弟，整條視覺線就齊了。
我優化過的Ian Xiaohei Illustrations技能，比原版提升了16分：
https://pan.quark.cn/s/6560307c753d