以 skill 自身的术语
design-critique 为任何持有 Figma URL、截图或书面描述的人提供共享的设计评审,适用于从探索阶段到最终打磨阶段的任何环节。它通过一个五部分框架运作:第一印象、可用性、视觉层级、一致性和可访问性。反馈规则要求 Agent 超越模糊的抱怨:指明冲突的元素,依据设计原则或用户需求解释原因,提出替代方案,并肯定可行之处。
输出是一份 Markdown 格式的评审,包含总体印象、带严重程度评级的可用性表格(严重、中等、轻微)、一致性表格、可访问性说明、“优点”列表以及三条优先建议。当存在设计工具或用户反馈连接器时,它会检查组件和 token,或与支持工单进行交叉核对。
它产出什么
- 一份可用性表格,列出每项发现及其严重程度和建议的修复方案。
- 一张针对设计系统的字体、间距和色彩偏差进行核对的一致性表格。
- 一份按影响力排序的收尾性优先级建议清单。
工作方式
- 01让设计走在前面
系统会从 Figma 拉取一个 Figma URL 并读取引用的文件;如果两者都不存在,Agent 会要求用户描述或分享该设计。
- 02从两秒印象开始
在进行任何分析之前,它会先记录第一眼吸引注意力的地方,这是否正确、情绪反应如何,以及目的是否一目了然。
- 03按顺序遍历五个维度
可用性、视觉层级、一致性和无障碍性各自都有一套对应的提示,涵盖从阅读顺序、留白到对比度和触控目标等方面。
- 04依据既定的风格规则撰写反馈
发现的问题必须具体、附带解释、给出替代方案,并与已经做得好的地方相互平衡。
- 05填充 Markdown 输出模板
固定结构包括整体印象、带严重程度的可用性表格、层级说明、一致性表格、无障碍性、做得好的地方,以及按优先级排序的建议。