SuperAPI AI 工具集

ui-design-critique

设计与创作

查看项目

更新于 10-16 05:35

技能介绍

用途

UI Design Critique 是一款用于用户界面设计评审的 AI 技能,其核心目标是产出一份按影响程度排序的、严格的 UI 设计问题报告。该技能并非用于实现修复,而是专注于评估与报告,帮助设计师识别并优先处理界面中的问题。

主要能力

  • 确定性冒烟测试:在主观评审前,先运行确定性的破损 UI 冒烟测试,通过脚本测量页面溢出、元素重叠、文字裁剪、图像破损、零尺寸内容等客观问题。
  • AI 敷衍检测:执行一项关键的判断性检查,评估界面是否会被轻易认为是“AI 生成”的通用产物,识别相关特征。
  • 多维度评审:基于 11 个评审维度进行系统化评估,涵盖视觉层级、色彩、排版、间距、对齐、情感共鸣等方面。
  • 精度审计:通过实际像素值测量间距、对齐、尺寸、节奏和容器关系,发现肉眼难以察觉的细节缺陷。
  • 规范符合性检查:若存在设计规范(DESIGN.md),则比对渲染结果与设计令牌的符合程度。
  • 结构化报告:输出包含裁决摘要、按优先级排序的发现列表、优点总结、规范符合性表格以及 Top 3 行动建议的标准化报告。

使用方式

该技能接受以下任意输入:实时 URL / 运行中的开发服务器、截图、组件或页面代码、DESIGN.md(设计规范)、USERS.md(用户画像)。若未提供设计规范,技能会询问一次是否存在;若确实没有,则依据通用工艺标准进行评审,并将规范缺失本身标记为一个发现项。

其处理流程包括:确立设计意图、捕获界面状态与视口、运行冒烟测试、执行 AI 敷衍检测、运行 11 个评审维度、执行精度审计、检查规范符合性,最后进行分类、优先级排序并撰写报告。

适用场景

  • 对现有用户界面进行严格的设计评审。
  • 在设计交付前进行质量把关,发现客观的布局与对齐问题。
  • 评估界面是否存在过度依赖 AI 生成的特征。
  • 检查界面是否符合既定的设计规范(DESIGN.md)。

分类与优先级

每个发现都会被归为以下四类之一:Gap(缺失必需内容)、Inconsistency(与规范或自身矛盾)、Suggestion(可选优化或偏好建议)、Strength(值得保留的优点)。优先级按影响程度分为 P0(严重)到 P3(低)四个等级,P0 问题会破坏可用性、信任或可访问性。

限制

  • 该技能只评估和报告,不实施修复。
  • 视觉评审不可靠,因此必须依赖确定性检测工具来发现溢出、重叠等问题。
  • 若只提供截图而无法运行实时界面,则无法执行冒烟测试和精确的像素测量,报告需注明这一局限。
  • 若没有设计规范,则无法验证设计意图,评审将基于通用工艺标准。

备注

关于该技能的具体收费模式、价格、官方平台支持情况、详细使用步骤等事实,当前资料暂未提供。