UX模式对比
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @kunlungrowth/ux-compare 技能到 AI 助手中。
技能介绍
为什么需要对比 UX 模式库?
在设计评审和构建准备阶段,单个参考应用的模式库往往只能提供单一的参考点。要形成可靠的“设计共识”,必须综合多个参考应用的模式库。UX Compare 技能的目标,正是将多个 ux-extract 生成的模式库转化为可操作的“决策辅助”工具。
核心工作流
本技能并非简单的文本总结器,而是一个结构化的分析管线:
- 发现与清点:
自动扫描 docs/ux-extracts/ 与 .jez/artifacts/ux-extracts/ 目录下的库文件,并向用户展示包含提取日期的清单,确保数据时效性。
- 范围界定:
通过询问或推断,将对比焦点从“整库”收窄至特定类别或功能域,使推荐更具针对性。
- 逐类别走查与信号识别:
对范围内每个模式类别进行深度扫描,输出四类关键信号:
共识 (Convergence):多数或全部应用一致的做法,作为低风险默认选项。
分歧 (Divergence):应用间真实的设计差异,作为需要权衡的设计选择。
独有做法 (Unique):仅在单一应用中出现的做法,需审慎评估。
覆盖缺口 (Coverage Gaps):明确区分“库未覆盖”与“应用不存在”。
- 交叉引用缺失与综合推荐:
深入分析 Notable Absences 数据,识别行业性遗漏(如破坏性操作缺乏撤销机制),最终生成包含安全默认、刻意选择及风险规避的有主见指引。
适用边界与注意点
- 纯文本分析:该技能为纯
markdown分析工具,不需要启动浏览器。 - 数据依赖:必须存在至少两个由
ux-extract产出的模式库。若仅有一个库,技能将停止并建议先扩展参考样本。 - 输出规范:生成的
UXCompareArtifact需遵循references/template.md结构,涵盖共识、分歧、缺失及健康度等维度,可直接对接设计简报或审计流程。
使用场景
- 构建新功能前,需要对比3到5个参考应用的交互模式,确认行业共识与低风险默认选项。
- 在设计评审中,需要核实某个新增交互是否在已提取的5个参考应用中均未出现,以判断是否为刻意创新。
- 团队对某个设计决策存在分歧时,需要通过对比多个应用的模式库,输出包含共识与权衡的设计简报来对齐思路。
适合人员
- 产品设计师:需要在构建前通过对比多个参考应用,为新功能寻找行业共识与低风险默认设计。
- 前端工程师:需要在实现复杂交互前,确认顶级应用对该模式的普遍处理方式及潜在分歧。
- 设计团队负责人:需要在评审中质疑非共识设计,并借助模式库对比输出有主见的决策简报。