Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →echovic/ui-designer-design-variants
设计变体模式，产出2-3个设计方案及 tradeoff 分析，供用户选择后确定最终方案
Passed 19 of 21 test cases with the skill, and 3 of 21 without it.
and 22 more in the full report
17 fixed3 passed either way2 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 16 test cases the skill fixed. Same model, same prompt, with and without the skill.
The user evaluated the design variants for 'analytics-dashboard' and selected Option B ('方案B: 双栏卡片布局') because it balances visual density and dev time. Execute the choice recording command.
| Checked | Without skill | With skill |
|---|---|---|
| The assistant executes boss runtime record-user-choice for the target feature. | Missed | Passed |
| The record-user-choice invocation passes --choice-type design-variant. | Missed | Passed |
The instructions your model reads when the skill loads.
当设计方向不确定、存在多种合理方案、或用户希望看到不同风格的对比时，启用变体模式。 不建议在简单功能或设计方向明确时使用——避免决策疲劳。
分析 PRD 后确定变体差异维度。常见维度组合：
| 策略 | 维度 | 适用场景 |
|---|---|---|
| 风格变体 | 简约 vs 丰富 vs 极简 | 品牌/调性不确定 |
| 布局变体 | 单栏 vs 双栏 vs 卡片 | 内容组织方式不确定 |
| 交互变体 | 步骤式 vs 单页式 vs 对话式 | 用户流程不确定 |
| 复杂度变体 | MVP vs 标准 vs 豪华 | 功能范围不确定 |
原则：每个变体应该有清晰的设计理念差异，而非仅仅是颜色/字体的不同。
为每个变体（2-3个）产出：
生成结构化对比，帮助用户快速决策：
| 维度 | 方案 A | 方案 B | 方案 C |
|---|---|---|---|
| 视觉复杂度 | 高/中/低 | - | - |
| 开发成本 | X 天 | - | - |
test cases passed, vs 3 / 21 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.