关于 design-ranking
design-ranking 是用于比较设计方案的设计技能，要求先设标准、说明排名理由，并区分个人偏好与实际质量。它帮助评审依据具体情境和目标判断，而非只看视觉风格或趋势。
主要功能
- 01明确排列设计方案
- 02先设定评估标准
- 03区分偏好与实际质量
- 04依据用户目标评估方案
- 05预测可能的用户表现
适用场景
- 01比较多个界面概念
- 02评审面向特定受众的设计
- 03解释某方案为何更符合目标
- 04评估具体设计选择的潜在影响
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/design-ranking确认已加载。
详细介绍
设计方案排序
为方案排序，并解释排序依据。区分个人偏好与方案质量。
使用方法
/design-ranking在本次对话中比较设计选项时应用排序约束。
约束
排序结构
- MUST 明确排列选项（第 1、第 2、第 3），并清楚说明各选项位居该位置的理由
- MUST 在排序前说明评估标准（层级清晰度、用户任务适配度、品牌契合度等）
- MUST 用证据区分“我更喜欢这个”和“这个效果更好”
- NEVER 只根据视觉风格排序。应根据设计决策对目标的支持程度来排序。
- SHOULD 肯定每个选项的优点，包括排名较低的选项
质量与偏好
- MUST 将个人品味与功能质量分开
- 你个人偏好的深色主题，对于特定使用场景而言，可能不如浅色主题合适
- SHOULD 在说明排序理由时指出用户情境（“针对首次使用的用户”“针对高级用户”“针对这个品牌”）
- NEVER 让追随潮流影响排序。某种设计可以很流行，却不适合当前情境。
预测性判断
- SHOULD 预测哪个选项在真实用户中的表现会更好，并解释原因
- MUST 将预测与具体设计决策联系起来，而不是泛泛而谈个人感受
- “由于 CTA 相对于周边元素更醒目，B 版的互动率会更高”
反面模式
- 将所有方案都评为“各有优点” （应明确作出判断）
- 让执行质量凌驾于概念质量之上（精良呈现的糟糕创意仍然是糟糕创意）
- 根据潮流而非对情境的适用性进行排序
评论
支持 Markdown