前言¶

做美食類豎版圖文時，常見問題不是「能不能出圖」，而是版式、配色和模塊結構每次都不一樣：標題區、食材卡、步驟流、小貼士各寫各的，最後既不像小紅書筆記，也不像可複用的食譜模板。若把版式規範寫進通用 SKILL.md，Agent 在對話裏會按同一套結構執行，比每次從零描述提示詞更省事。下面介紹 SkillHub 社區 Skill「美食出圖筆記」（@user_b9594737/food-note-maker）的定位、能力與安裝方式。

這是什麼¶

「美食出圖筆記」是發佈在 SkillHub 上的社區 Skill（source: community），座標 @user_b9594737/food-note-maker，當前版本 1.0.0，維護者爲 user_b9594737。SkillHub 將其歸入 design-media，子類爲「圖片生成」「視覺素材」。

Skill 本體是一份 SKILL.md 工作流說明：不單獨聲明第三方 API Key（標籤 requires_api_key=false），由已支持 Skills 的 Agent 讀取文檔後，按固定頁面結構與視覺規範協助生成或編排「清新治癒風美食食譜豎版圖文筆記海報」。官方頁面未提供中文概述正文（overviewMd 爲空），具體能力以包內 SKILL.md 爲準。

核心功能¶

以下均來自 Skill 包內 SKILL.md，Skill 對外展示名稱爲「美食出圖筆記」，文檔內技能全稱爲「清新治癒風美食食譜豎版圖文筆記海報製作」。

適用場景¶

小紅書食譜筆記、美食手賬、美食雜誌類 手機豎版海報，主打家常菜品食譜展示。

風格與畫質要求¶

融合小紅書爆款排版、日系手賬、輕手繪 UI、美食雜誌風；整體清新治癒。文檔明確要求：拒絕過度卡通、低質插畫與明顯 AI 繪畫感，趨近專業美食博主實拍圖文質感。

基礎視覺規範¶

1. 版式：手機豎版，4K 高清，信息飽滿、排版整潔。
2. 底色：溫暖奶油系（米白/淺奶咖），帶輕微紙張紋理。
3. 配色：明亮柔和；菜品色彩鮮亮；陰影柔和。
4. 裝飾：輕手繪元素（箭頭、塗鴉線條、虛線邊框、圓角卡片、小圖標）。

固定頁面結構（自上而下）¶

1. 頂部標題區：大號菜品名，搭配蒸汽/愛心/星星/辣椒等手繪圖標，附一句食慾短句。
2. 主視覺區：畫面中心菜品成品特寫，強調光澤、熱氣與美食攝影質感。
3. 食材準備模塊：圓角卡片，主料與輔料分項，配小圖標或實物圖並標註用量。
4. 製作步驟模塊：數字編號與箭頭串聯，每步配圖與精簡說明。
5. 烹飪小貼士模塊：手繪便籤風、虛線邊框、燈泡圖標，寫火候、防翻車、增香、替代與保存等。
6. 底部氛圍文案：短句強化食慾與搭配/口感。

避坑要求¶

杜絕 AI 繪畫感、低質量插畫與誇張卡通，整體貼近真人美食博主實拍精修圖文。

安裝與啓用¶

SkillHub 官方安裝說明指向 skillhub.cn/install/skillhub.md。安裝時須用 --dir 指向當前 Agent 的 skills 目錄，否則默認落在 ./skills/ 且可能不被識別。

1. 檢查或安裝 skillhub CLI¶

command -v skillhub && skillhub --version

未安裝時可執行完整安裝（CLI + 默認 Skill）：

curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash

僅安裝 CLI：

curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash -s -- --cli-only

2. 安裝本 Skill¶

將 food-note-maker 裝到當前環境的 skills 目錄，例如：

skillhub install @user_b9594737/food-note-maker --dir ~/.cursor/skills/

常見客戶端 skills 路徑（摘自 SkillHub 安裝文檔）：

• Cursor：~/.cursor/skills/
• Claude Code：~/.claude/skills/
• Codex：~/.codex/skills/ 或項目下的 .agents/skills/

也可從 SkillHub 頁面下載 Zip（food-note-maker-1.0.0.zip），地址爲：

https://api.skillhub.cn/api/v1/download?slug=@user_b9594737/food-note-maker

解壓後將技能目錄放入上述 skills 路徑。部分環境安裝後需重啓 Agent 才能加載新 Skill；以你所用客戶端文檔爲準。

3. 讓 Agent 按官方提示安裝（可選）¶

SkillHub 詳情頁提供的安裝提示爲：根據 https://skillhub.cn/install/skillhub.md，安裝 @user_b9594737/food-note-maker。可將該句發給支持 Skill 的 AI，由其在本地執行安裝步驟。

典型用法¶

Skill 未附帶獨立 CLI 子命令，用法是在 Agent 已加載該 Skill 後，用自然語言描述菜品與素材需求，由 Agent 按 SKILL.md 編排結構與文案，並配合你環境中的出圖能力（如圖像生成工具）產出豎版海報。

可復現的起步方式示例：

1. 確認 food-note-maker 已出現在當前 Agent 的 skills 目錄。
2. 在對話中說明目標，例如：「用美食出圖筆記 Skill，做一道番茄炒蛋的小紅書豎版食譜海報，要食材卡、三步流程和小貼士。」
3. 按 Agent 追問補充主料用量、步驟細節或參考圖；生成過程中對照 SKILL.md 的六段式結構檢查是否齊全。

具體出圖實現取決於 Agent 與插件能力，Skill 本身只約束版式與內容模塊，不承諾固定圖像模型或接口。

適用場景與注意¶

適合誰：需要批量或穩定產出美食豎版筆記圖的內容創作者、運營，以及希望在對話裏統一食譜海報結構、減少重複寫提示詞的開發者。

社區與元數據：來源爲社區發佈（community），SkillHub 側安全掃描狀態爲「安全，無風險」（頁面展示的安全報告）。截至抓取數據：下載約 1025 次，收藏 0，評論 0；安裝計數爲 0（以 SkillHub 統計爲準）。

限制：

• 官方 summary / overviewMd 爲空，詳情需閱讀包內 SKILL.md 或安裝後由 Agent 加載。
• 不聲明 requires_api_key，但實際出圖仍依賴 Agent 側圖像能力；無 Key 的純文本環境只能完成結構與文案，無法保證成片。
• 評分字段在 API 元數據中爲 100000（SkillHub 內部展示邏輯），與頁面「下載次數」不同，引用數據時建議以 SkillHub 頁面統計爲準。

結尾¶

「美食出圖筆記」把豎版食譜海報的版式、模塊和避坑要求寫進 SKILL.md，適合作爲 Agent 側的穩定出圖筆記規範，而不是單次長提示詞。安裝與詳情見 SkillHub：

• 頁面：https://www.skillhub.cn/skills/user_b9594737/food-note-maker
• API 條目：https://api.skillhub.cn/user_b9594737/food-note-maker