手搓了一個AI小編!我用Claude + Nano Banana Pro，讓文章自動配圖！
整理版優先睇
用Claude + Atlas Cloud API自製自動配圖Skill，一個指令幫Markdown文章生成架構圖
呢個係一位開發者分享佢點樣用Claude同Atlas Cloud嘅文生圖API，自己整咗個AI小編嘅經驗。佢成日要寫方案，最頭痛嘅唔係文字，而係配圖——畫圖太慢，揾網圖唔貼切，又怕版權，用線上AI工具又要來回複製貼上。為瞭解決呢個問題，佢手搓咗一個Markdown Illustrator Skill。
呢個Skill可以自動讀取本地嘅Markdown文件，分析文章嘅段落結構，揾到邊啲位需要插圖，然後自動生成提示詞，調用Atlas Cloud API生成圖片，再自動插入返去指定嘅錨點。成個過程唔需要人工幹預，只要俾個文件路徑就得。由於佢有真正嘅全局觀，能讀懂文檔結構，決定邊度要流程圖、邊度要架構圖，比起人類可能更加理性同清晰。
使用都好簡單：下載個Skill，配置API Key，然後喺Claude Code度輸入`/markdown-illustrator project.md`，佢就會先出份分析報告，話你知打算喺邊度配圖同用咩提示詞。加個參數`生成三張配圖`就會自動執行。生成一張2K圖片大約幾十秒，成本低到可以忽略不計。作者仲提供咗專屬連結，首次充值有25%額外獎勵。
- 用Claude加Atlas Cloud API整嘅自動配圖Skill，可以一鍵為Markdown文章配圖，徹底解決配圖耗時、唔貼切嘅問題。
- 方法係先分析文章結構，識別標題層級同段落上下文，然後自動生成提示詞，調用API生圖並插入指定位置。
- 同傳統配圖方式相比，呢個Skill有全局觀，唔會離題，而且全程自動化，唔使來回手動操作。
- 啟發係Skills嘅設計夠靈活，就算出錯都可以自行修復，仲有熱重載功能，令工具可以一路自我進化。
- 可行動點係下載Skill、去Atlas Cloud註冊攞API Key（用專屬連結有優惠），然後就可以用指令配圖。
下載 Markdown Illustrator Skill
技能壓縮檔，喺skills目錄下揾markdown-illustrator.zip
Atlas Cloud 註冊（送1美元，首充有25%獎勵）
透過專屬連結註冊綁卡即送1美元使用額度，首次充值再送25%獎勵
配圖嘅痛苦同自動化解決方案
寫方案最痛苦嘅唔係寫文字，係配圖！一張清晰嘅架構圖勝過千言萬語，但畫圖太費時間，揾網圖又唔貼切，仲要擔心版權風險。用線上AI工具又唔夠一致，要來回複製貼上。
配圖最痛苦嘅唔係寫文字，係配圖
為瞭解決呢個問題，作者手搓咗一個AI小編——用Claude加Nano Banana Pro（即係Atlas Cloud嘅文生圖API），令文章自動配圖。
用Claude加Nano Banana Pro，令文章自動配圖
運作原理：全局觀嘅結構分析
呢個Markdown Illustrator Skill可以自動讀取本地Markdown文件，自動分析文章段落結構，自動揾到文章嘅插圖點，自動生成提示詞，再自動調用API生成圖片，最後自動插入到指定嘅錨點。唯一要做嘅就係俾個文件嘅本地連結。
自動讀取本地Markdown文件，自動分析文章段落結構
例如當佢讀到「Skills 工作流程」呢個章節時，會自動建議插入一張展示「發現-激活-執行」三個階段嘅流程圖。
展示「發現-激活-執行」三個階段嘅流程圖
使用步驟同成本效益
要使用呢個Skill好簡單，跟住以下步驟就得：
- 1 下載skill：去 https://link.bytenote.net/note，喺skills目錄下揾markdown-illustrator.zip。
- 2 配置生圖Key：先透過專屬連結 https://goto.atlascloud.ai/2p92uyzc?ref=QZNN2P 註冊，攞到API Key。喺環境變量或.env檔案填入 `export ATLASCLOUD_API_KEY="your-key"`。
- 3 喺Claude Code輸入指令：`/markdown-illustrator project.md`，佢會先輸出分析報告，話你知打算喺邊度配圖同用咩提示詞。加參數例如 `/markdown-illustrator project.md 生成三張配圖` 就會自動執行。
生成一張2K分辨率嘅高清配圖大約需要幾十秒，成本低到可以忽略不計。如果係做文本插圖，推薦用2K配置，冇必要上4K。
2K成本低到可以忽略不計
另外，Atlas Cloud仲可以選擇其他模型好似Wan2.6或者Sora2，只需要修改Skill入面嘅模型參照就得。
可以選擇其他模型好似Wan2.6或者Sora2
作者連續幾個月高強度使用Skills，覺得Skills最大嘅魅力係靈活，就算處理過程中出錯都可以自行修復，加上熱重載功能，令佢可以不斷自我進化。
# 指令範例
/markdown-illustrator project.md
/markdown-illustrator project.md 生成三張配圖專屬優惠同下載連結
Atlas Cloud係作者眾多案例入面嘅演示API，如果你需要用到，可以透過下面嘅專屬連結註冊。首次充值仲有25%嘅額外獎勵——充100送25，對於高頻使用API嘅個人團隊嚟講，呢筆羊毛唔薐白唔薐。
首次充值仲有25%嘅額外獎勵——充100送25
按嚇下面嘅連結註冊啦：
呢筆羊毛唔薐白唔薐
寫方案最慘嘅唔係寫文字，係配圖！
一張清楚嘅架構圖好過千言萬語，但係畫圖太浪費時間，上網揾圖又唔啱，仲擔心版權問題，用線上AI工具又要顧一致性，要嚟回複製貼上。
為咗解決上面呢個問題，自己整咗個AI小編，用Claude + Nano Banana Pro，令文章自動配圖！
這個Markdown Illustrator Skill可以自動讀取本地Markdown檔案，自動分析文章段落結構，自動揾到文章嘅插圖位置，自動生成提示詞嚟生成圖片，自動插入到指定嘅錨點。
唯一要做嘅就係俾個檔案嘅本地連結，影片演示如下：
喺上面嘅影片演示入面，我哋可以見到唔需要任何人工幹預，佢就可以完成文章配圖嘅全部工作。
過程非常順暢，例如當佢讀到「Skills 工作流程」呢個章節時，佢會自動建議插入一張展示 發現-啟動-執行 三個階段嘅流程圖，邊度需要一張流程圖，邊度需要一張架構圖。
對於插圖呢樣嘢，佢可能比我哋更加理性同清晰。
因為佢有真正嘅宏觀視野，能夠讀得明文件結構，透過結構化分析揾到標題層級同段落上下文呢個重要資訊，然後自動調用 API 將圖畫好，然後插入文件入面。
呢個工作流程用到 Banana2 嘅圖片生成功能，今次我接入嘅仍然係 Atlas Cloud 嘅文生圖 API。
由於係生成文章配圖，唔要求精準度太高，今次默認配置係一張2K圖嘅參數，生圖速度都會快啲，如果你係做類似嘅文字插圖都推薦呢個配置，冇必要上到4K。
Atlas Cloud 嘅生成速度非常穩定，喺影片演示中可以見到，生成一張2K解像度嘅高清配圖大約需要幾十秒啦，Banana 2K嘅成本低到可以忽略唔計，後台扣費如圖所示：
當然你可以喺Atlas Cloud選擇其他模型，例如Wan2.6或者Sora2。
相應嘅只需要修改一個Skill裏面嘅模型參考就得。
要使用呢個 skill 非常簡單，跟住以下步驟完成就得。
首先第一步我哋要下載 skill，下載地址如下：（喺 skills 目錄下，保存之後揾到 markdown-illustrator.zip 就得）
https://link.bytenote.net/note
第二步係要配置我哋嘅生圖 Key。
首先獲取 KEY。透過下面嘅連結註冊綁定信用卡就送1美元使用額度，足夠進行免費 Skill 嘅測試。
https://goto.atlascloud.ai/2p92uyzc?ref=QZNN2P跟住下面嘅步驟，登錄完成之後，點擊控制枱，喺控制枱入面嘅 API 金鑰度獲取金鑰：
獲取完成之後喺你嘅環境變數或 .env 檔案入面填入 Atlas Cloud 嘅 Key。
export ATLASCLOUD_API_KEY="your-key"
喺 Claude Code 度輸入指令
/markdown-illustrator project.md
佢首先會輸出一份詳細嘅分析報告，話俾你知佢打算喺邊啲位置配圖，以及生成嘅提示詞係咩。
如果你對方案滿意，直接加個參數：
/markdown-illustrator project.md 生成三張配圖
Claude 就會開始自動運行並顯示如下內容：
圖片根據生成嘅質素有所不同，平均大概幾十秒。之後，Skill會自動將圖片連結插入到 Markdown 檔案對應位置。
效果如下圖，左邊係原稿，右邊係插入圖片後嘅效果。
連續幾個月高強度咁用 Skills，我覺得Skills最大嘅魅力就係靈活，佢唔似傳統嘅工作流程咁死板固定，就算喺處理過程中出現錯誤，佢都可以自行修復，再加上Skills加熱重載嘅功能，令到佢能夠不斷喺過程中自我進化。
Atlas Cloud都係我眾多案例入面嘅演示API，如果你需要使用嘅話，可以透過下面嘅專屬連結註冊，首次充值仲有25%嘅額外獎勵充100送25。
對於高頻使用 API 嘅個人團隊嚟講，呢啲著數唔執白唔執，點擊下方連結註冊：
https://goto.atlascloud.ai/2p92uyzc?ref=QZNN2P
Skills下載：
https://link.bytenote.net/note
寫方案最痛苦的不是寫文字，是配圖！
一張清晰的架構圖勝過千言萬語，但畫圖太費時間，找網圖又不貼切，還擔心版權風險，用線上AI工具吧還要考慮一致性得來回複製粘貼。
為了解決上面的這個問題，手搓了一個AI小編，用Claude + Nano Banana Pro，讓文章自動配圖！
這個Markdown Illustrator Skill可以自動讀取本地Markdown文件，自動分析文章段落結構，自動找到文章的插圖點，自動生成提示詞生成圖片，自動插入到指定的錨點。
唯一要做的就是就給文件的本地連結，視頻演示如下：
在上面的視頻演示裏面中，我們可以看到不需要任何人工的干預，它就能完成文章配圖的全部工作。
過程非常絲滑，比如當它讀到“Skills 工作流程”這個章節時，它會自動建議插入一張展示 發現-激活-執行 三個階段的流程圖，哪裏需要一張流程圖哪裏需要一張架構圖。
對於插圖這件活，它可能比我們更加的理性和清晰。
因為它有真正的全局觀，能讀懂文檔結構，通過結構化的分析找找到標題層級和段落上下文這個重要信息然後自動調用 API 把圖畫好，然後插進文檔裏。
這個工作流使用的到Banana2的圖片生成功能，本次我接入的依舊是 Atlas Cloud 的 文生圖API。
由於是生成文章配圖，不要求精準度太高，這次默認配置的是一張2K圖的參數，生圖的速度也會更快一點，如果你是做類似的文本插圖也推薦這個配置，沒有必要上到4K。
Atlas Cloud 的生成速度非常的穩定，在視頻演示中可以看到，生成一張2K分辨率的高清配圖大約需要幾十秒吧，Banana 2K的成本低到可以忽略不計，後台扣費如圖所示：
當然你也可以在Atlas Cloud這個選擇其它的模型，比如Wan2.6或者是Sora2。
對應的只需要修改一個Skill裏面的模型參照就可以。
要使用這個skill非常的簡單，照以下的步驟來完成即可。
首先第一步我們要下載skill，下載地址如下：（在skills目錄下，保存後找到markdown-illustrator.zip即可）
https://link.bytenote.net/note
第二步是要配置我們的生圖Key。
首先獲取KEY。通過下面的連結註冊綁卡就送1美元使用額度，足夠進行免費Skill的測試。
https://goto.atlascloud.ai/2p92uyzc?ref=QZNN2P按照下面的步驟，登錄完成之後，點擊控制枱，在控制枱裏面的API密鑰裏面獲取密鑰：
獲取完成後在你的環境變量或 .env 文件中填入 Atlas Cloud 的 Key。
export ATLASCLOUD_API_KEY="your-key"
在 Claude Code 中輸入命令
/markdown-illustrator project.md
它首先會輸出一份詳細的分析報告，告訴你它打算在哪些位置配圖，以及生成的提示詞是什麼。
如果你對方案滿意，直接加個參數：
/markdown-illustrator project.md 生成三張配圖
Claude 就會開始自動運行並顯示如下內容：
圖片根據生成的質量有所不同，平均大概幾十秒。之後，Skill會自動將圖片連結插入到了 Markdown 文檔對應位置。
效果如下圖，主圖為原稿，右圖為插入圖片後的效果。
連續幾個月高強度的使用Skills，我覺得Skills最大的魅力就是靈活，它不像傳統的工作流那樣死板固定，即便在處理過程中出現錯誤，它都可以自行地修復，再加上Skills加熱重載的功能，使得它能夠不斷地在過程中自我進化。
Atlas Cloud也是我眾多案例裏面的演示API，如果你需要使用的話，可以通過下面的專屬連結註冊，首次充值還有 25%的額外獎勵充100送25。
對於高頻使用 API 的個人團隊來說，這筆羊毛不薅白不薅，點擊下方連結註冊：
https://goto.atlascloud.ai/2p92uyzc?ref=QZNN2P
Skills下載：
https://link.bytenote.net/note