用途
Design Review 是一个设计/UI 审查与审计技能,用于对界面或用户流程进行结构化、可评分的评审。它结合 Nielsen 十大启发式原则与加权评分体系,帮助发现设计问题并给出可执行的改进建议。
主要能力
- 从 6 个加权维度对设计进行评分:视觉层级(20%)、一致性(20%)、可访问性(20%)、可用性(20%)、响应式(10%)、性能(10%),并计算加权总分。
- 使用 WCAG 检查清单进行可访问性审查;对颜色搭配存疑时,可借助对比度脚本进行验证。
- 对照设计品味文件中的“禁用默认项”清单,检查是否存在反模式(anti-slop tells)。
- 应用 Nielsen 十大启发式原则,并按编号标注违规项。
- 输出按优先级排序的问题表,严重程度分为 Critical、Major、Minor、Enhancement 四级。
- 提供引用设计令牌(token)的具体修复方案。
使用方式
使用前需确认配套资源包(kit)是否已安装。技能会检查 tokens 目录是否存在:若存在则输出 KIT_OK,若缺失则输出 KIT_MISSING。当资源包缺失时(例如仅通过 npx skills add 安装了技能文件夹),技能会明确说明情况,提示用户运行 npx ux-ui-agent-skills init 或安装插件,然后停止执行,不会猜测无法打开的文件内容。
执行流程如下:
- 读取工作流文件(包含评分标准、评分指南、Nielsen 启发式与流程)。
- 收集上下文:屏幕/流程、目标用户、平台、约束条件。
- 对 6 个维度评分并计算加权总分。
- 结合 WCAG 检查清单进行可访问性审查,对颜色搭配存疑时使用对比度脚本。
- 对照设计品味文件中的禁用默认项清单进行检查。
- 应用 Nielsen 十大启发式原则,按编号标注违规项。
输出内容
- 6 维度评分表与总分。
- 按优先级排序的问题表,包含:编号、严重程度(Critical → Major → Minor → Enhancement)、问题描述、改进建议。
- 引用设计令牌的具体修复方案。
适用场景
适用于用户希望对设计或 UI 进行评审、审计、质量评估的场景,例如在交付前检查界面的一致性、可访问性与可用性,或对现有产品进行系统性设计审查。
限制
- 依赖配套资源包(kit);若资源包缺失,技能会停止执行并提示安装,不会基于猜测继续。
- 具体安装命令为 npx ux-ui-agent-skills init 或通过插件安装。
- 关于收费、价格、平台支持范围等信息,资料暂未提供。