前言¶
做 APP 或小程序的 UI 組圖時，常見的問題是：一次要產出多張風格統一、尺寸適配的圖，人工先出方案再逐張出圖很慢；直接丟給通用繪圖工具，模型和價格不確定，出圖風格容易散，也沒有 A/B 對比和交付規範。這個 Skill 把「先規劃、再生成、最後交付規範」的流程固化下來，讓模型選擇與價格先擺到檯面上，再進入出圖。
下面介紹這個 Skill 的定位、能力、啓用方式和使用注意事項。
這是什麼¶
APP小程序UI組圖設計 是一個面向 UI 組圖場景的技能包，座標 @infimind/ai-hive-proven-036-miniapp-ui，版本 1.0.0，由極睿科技-AI專家發佈，來源標註爲 enterprise，在 SkillHub 的分類是 design-media。
它解決的是：在 APP、小程序這類多頁面、多尺寸的界面設計裏，如何先確定信息層級和視覺方向，再批量產出風格一致的組圖，並附帶適配版本與交付規範，而不是拿到需求就直接出圖。
核心功能¶
按官方簡介，這個 Skill 的工作鏈路分三步：
- 先規劃。接到「APP小程序UI組圖設計」相關需求後，先做設計規劃，不直接生成。
- 查詢實時模型與價格。通過 AI-HIVE 查詢當前可用的模型和對應價格，再決定用哪個模型生成。
- 交付成果。給出設計策略、信息層級、視覺方向、小樣、A/B 方案、適配版本和交付規範。
兩條執行約束寫在簡介裏，屬於硬性規則：
- 先小樣後批量。先確認小樣方向，再擴展爲整套組圖。
- 付費生成、發送和公開發布必須單獨確認。涉及付費的動作不能在規劃階段一起帶過。
觸發方式上，官方說明當用戶要做「APP小程序UI組圖設計」，或搜索 APP小程序UI組圖設計、AI圖片、AI視頻、大模型內容生成、AIGC、MCP 時使用該 Skill。
安裝與啓用¶
Skill 基於通用 SKILL.md 格式，託管在 SkillHub，座標和地址如下：
- SkillHub 頁面：https://www.skillhub.cn/skills/infimind/ai-hive-proven-036-miniapp-ui
- API 地址：https://api.skillhub.cn/infimind/ai-hive-proven-036-miniapp-ui
標籤裏帶 requires_api_key=true，說明調用需要 API Key，Key 的申請和配置方式以官方頁面說明爲準。
抓取資料中未給出具體安裝命令，因此這裏不寫未經覈實的命令。Cursor、Codex CLI、Claude Code 三端的安裝方式若有差異，官方頁面應有對應說明，啓用前先看該頁。
典型用法¶
一個可復現的使用方式是按 Skill 的流程順序提需求，而不是直接說「給我出十張圖」。
1、提出組圖需求並要求先規劃：
我要做一個小程序的 UI 組圖，包含首頁、商品頁、訂單頁三個核心頁面，
請先給出設計策略和信息層級，再給視覺方向。
2、要求先查模型與價格：
請先用 AI-HIVE 查詢當前可用的模型和價格，列出可選項，我再決定用哪個。
3、小樣確認後再批量：
小樣方向可以，請按這個風格擴展到整套組圖，並輸出適配版本。
4、要求交付規範：
最後請給出這批圖的交付規範，包括文件命名、切圖尺寸和標註要求。
需要 A/B 方案時，可以在第 3 步說明要兩套方向對比。需要付費生成時，按 Skill 規則單獨確認，不要在規劃請求裏合併。
適用場景與注意¶
適合的使用者按官方簡介是：設計師、品牌、電商、門店運營、新媒體和創業團隊。典型場景是 APP 或小程序的界面組圖設計，需要風格統一、多尺寸適配，以及需要先看清模型成本再決定生成量。
三點需要注意：
- 需要 API Key，沒有 Key 無法調用。
- 付費動作有獨立的確認環節，自動化流程裏要預留這一步，否則會在生成階段卡住。
- 公開發布需要單獨確認，內部評審稿和對外投放稿要走不同的確認路徑。
評分和下載數據上，抓取到的頁面顯示評分 100000、下載 1047、安裝 0，說明下載量還不大，社區反饋樣本有限，採用前建議先用自己的一套真實頁面做小樣驗證。
結尾¶
這個 Skill 的價值在於把 UI 組圖的流程拆成了可執行的順序：先規劃、再查模型價格、再出小樣、最後批量和交付。對需要批量出圖、又希望成本可控的團隊來說，比直接調用繪圖接口更省事。
官方地址：https://www.skillhub.cn/skills/infimind/ai-hive-proven-036-miniapp-ui
