前言¶
做 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
