Agent Skills
返回列表
UI 设计评审助手

UI 设计评审助手

设计多媒体 更新于 2026.08.29

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md,安装 @user_eb189599/ui-design-critique。

技能介绍

问题:设计评审容易停留在主观感受

当工程师、PM 或设计新人需要判断一版 UI 是否可用时,常见反馈是“感觉有点乱”“层级不够”“颜色不好看”。这类意见缺少可追踪的判断维度,也难以直接转成改稿动作。

工作方式:按四个维度拆解截图或方案描述

这个技能把一次 UI 评审拆成稳定输出:

  • 视觉层级:检查首屏焦点、主次信息、大小/颜色/间距是否形成清晰路径。
  • 信息架构:判断内容分组、导航路径和信息密度是否符合用户心智模型。
  • 认知负荷:识别单屏信息是否过载、操作路径是否过长、是否存在多余决策点。
  • 情感共鸣:评估视觉风格与产品调性是否一致、交互反馈是否足够及时。

输入可以是设计截图,也可以是文字方案描述。输出会给出评分和具体改进建议,适合在方案早期、走查阶段或跨角色沟通时使用。

适用边界:它不是可用性测试或品牌系统审计

该技能更偏 设计批评 与 方案评审,不会替代真实用户测试、可访问性检测、前端实现审查或完整设计系统规范检查。若只描述而没有界面截图,结论会更依赖上下文;若目标是像素级还原或动效评估,需要补充更多素材。

使用场景

  • 前端提交页面截图前,需要检查首屏焦点、主次信息层级是否清晰。
  • 产品把新版功能入口放进首页后,需要判断导航路径是否符合用户心智模型。
  • 走查结算页时,需要找出单屏信息过载、操作路径过长的具体决策点。
  • 设计新人给方案初稿提意见,需要按四个维度输出评分与可执行改法。

适合人员

  • 需要给页面截图做结构化反馈的前端工程师
  • 要在首页改版前判断导航是否顺手的产品经理
  • 想学会提出可执行意见的视觉设计新人
  • 需要跨角色对齐设计结论的交互设计师