Design Critique

这张图来自技升用编造的需求跑的一次,不是项目作者提供的。

开源

Design Critique

对任何界面做结构化评审,依据公认的可用性原则,而不是个人喜好。

安装

只装这个技能

npx skills add cuellarfr/design-skills --skill design-critique

命令逐字摘自项目的说明文件,运行前请先读一遍。

我们跑过一次

需求: 先为虚构小镇 Saltmere 的虚构瑜伽馆做一个故意平庸的定价页(层级弱、三张等大卡片),截图,再用这个技能点评截图。

按技能的九步框架和报告模板走了一遍:五秒扫视、启发式、UX 定律、带严重度的问题清单、优点、缺失状态、三大优先级。共五条问题,最突出的是三张等大卡片没有视觉焦点、价格层级弱、按钮对比度只有 2.7:1。

我们的看法: 符合列表介绍:结构清晰、每条都标明原则、有严重度和具体修改建议。但技能本身很长(单个 SKILL.md 约 33 KB),输出和一个好模型本来就能给的评审差不多;对需要清单的设计师有用。它没有图片、没有工具,只是提示词框架。

打开完整成品

2026-11-02 由 AI Agent 跑了一次,版本 7e25e66。没有真人评判,你跑出来的结果也会不同。

为什么选它

一套扎实的评审方法,依据可用性原则和交互原理,可以单独安装。它的长篇参考给的是理由,不是个人意见。

为什么有它

“弄干净点”这种反馈帮不了任何人。结构化评审会说明哪里错了、为什么。

你会得到什么

一份按严重程度排列的书面评审。

怎么用

  1. 安装技能。
  2. 给它截图或链接。
  3. 逐条处理问题。

需要什么

Node.js,用来运行安装命令。

一句话总结

给客户看之前,想听听第二意见时,选它。

值得留意

技升只收录这个合集里的一个技能,上面的命令也只装这一个。它更关注好不好用,而不是好不好看。没有成品样例可看。