SuperAPI AI 工具集

design-critique

设计与创作

查看项目

更新于 11-01 16:13

技能介绍

用途

design-critique 是一个结构化的 UI/UX 设计评审技能,用于对给定的设计描述进行多维度评估,并给出具体、可执行的改进建议。它定位为资深 UI/UX 设计师视角的评审助手,适合在界面评审、设计走查和方案讨论时使用。

主要能力

技能按固定流程分析设计,覆盖以下维度:

  • 视觉层级与布局:评估用户能否立即识别最重要的操作,检查布局平衡与网格对齐。
  • 排版:评估字体搭配、可读性评分与字号比例一致性。
  • 色彩与对比度:评估配色和谐度、WCAG 合规性与情感表达。
  • 布局与间距:评估网格对齐、留白使用与组件平衡。
  • 可访问性:检查色彩对比度、触控目标尺寸与屏幕阅读器兼容性。

输出格式包含设计名称、总分(X/10)、各维度的优点、问题与建议,以及按优先级排列的行动项(关键修复、重要改进、锦上添花)。

使用方式

向技能提供一段设计描述,它便会按上述流程分析并输出评审报告。技能内置评审框架,围绕用户结果提出五个问题:视觉层级是否让用户立即找到最重要的操作;认知负荷是否过高;相似元素是否表现一致;可交互元素是否看起来可交互;是否存在视觉或运动障碍用户的使用障碍。每个批评都要求配上具体建议,例如“CTA 难以找到”本身不被视为有效反馈。

技能还附带一份质量检查清单:在最小预期显示尺寸下验证对比度与可读性;尺寸、出血与安全区符合目标输出媒介;颜色不单独承载含义,需配合图标或文字;确认素材授权与字体嵌入权利。

适用场景

适合界面方案的评审与走查、设计交付前的自查、可访问性初筛,以及在设计讨论中生成结构化反馈。

限制

技能要求提供设计描述才能评审;交付评审时必须说明媒介及其约束,不能仅依赖颜色传达状态或含义,也不能在未确认目标平台规格的情况下交付导出文件。任务需要时可加载 references/wcag-design-checklist.md 参考清单。具体收费、平台与集成方式暂未提供。