SuperAPI AI 工具集

design-review

设计与创作

查看项目

更新于 10-15 16:26

技能介绍

用途

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 或安装插件,然后停止执行,不会猜测无法打开的文件内容。

执行流程如下:

  1. 读取工作流文件(包含评分标准、评分指南、Nielsen 启发式与流程)。
  2. 收集上下文:屏幕/流程、目标用户、平台、约束条件。
  3. 对 6 个维度评分并计算加权总分。
  4. 结合 WCAG 检查清单进行可访问性审查,对颜色搭配存疑时使用对比度脚本。
  5. 对照设计品味文件中的禁用默认项清单进行检查。
  6. 应用 Nielsen 十大启发式原则,按编号标注违规项。

输出内容

  • 6 维度评分表与总分。
  • 按优先级排序的问题表,包含:编号、严重程度(Critical → Major → Minor → Enhancement)、问题描述、改进建议。
  • 引用设计令牌的具体修复方案。

适用场景

适用于用户希望对设计或 UI 进行评审、审计、质量评估的场景,例如在交付前检查界面的一致性、可访问性与可用性,或对现有产品进行系统性设计审查。

限制

  • 依赖配套资源包(kit);若资源包缺失,技能会停止执行并提示安装,不会基于猜测继续。
  • 具体安装命令为 npx ux-ui-agent-skills init 或通过插件安装。
  • 关于收费、价格、平台支持范围等信息,资料暂未提供。