Agent Skills
返回列表
页面设计多维评分与模板感检查

页面设计多维评分与模板感检查

设计多媒体 更新于 2026.08.29

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md,把 @user_fccf428b/plan-design-review 安装到当前 AI 助手的 skills 目录。

技能介绍

要解决的问题

页面设计评审常陷入两种困境:评审意见停留在“感觉不对”式的主观反馈,难以落到具体修改;AI 生成的界面带着明显的模板腔——千篇一律的圆角卡片、雷同的渐变配色、缺失的信息层级——却没有人指出来。在把 UI 改动合入主干之前,团队缺少一个类似 code review 的结构化检查点。

这个技能源自 Garry Tan 的 gstack 项目,定位是一次资深设计师评审(Senior Designer review)。

核心能力与工作流程

评审分为三步:

  • 多维打分:对设计的每个维度给出 0–10 的评分,而不是一句笼统的整体评价;
  • 满分锚点:解释“10 分长什么样”,把评分标准显式化,让差距变得具体;
  • AI Slop 信号标记:识别 AI 生成设计中的典型模板感,并将 AI Slop 信号单独标记出来。

每个分数都附带说明,评审意见可以直接对应到待修改的点位,而不是一堆无法执行的形容词。它的典型用法是在 UI 改动合入前作为评审门禁(gate)。

适用边界与注意点

  • 它输出评审意见而非自动修复,具体改动仍需人工或 agent 落地;
  • 评分维度面向通用设计评审,高度垂直的业务场景可能需要补充领域内标准;
  • 更适合作为合入前的 gate,不能替代可用性测试与真实用户反馈;
  • 当前条目是 Open Design 中的目录条目,用于让 agent 在规划阶段发现该技能,完整的评审流程及原始素材来自上游 gstack 项目。

使用场景

  • 把 AI 生成的落地页改动提交前,按各设计维度逐一打分并标记模板感,决定是否允许合并进主分支
  • 设计评审会上需要统一的打分依据,逐条对照“满分长什么样”的说明讨论当前稿差在哪
  • AI 产出的新功能页疑似千篇一律的卡片和渐变,要求逐维度打分并给出模板感信号判断
  • 设计稿提交评审时,需要覆盖每个设计维度的逐项打分和扣分原因,而非一段笼统的整体评价

适合人员

  • 负责把 UI 改动合入主干的前端工程师,需要一个客观的设计评审门禁来判断改动能否合并
  • 在评审会上收集意见的设计师,需要逐维度的分数和扣分原因来推进修改讨论
  • 用 AI 生成界面又担心成品千篇一律的独立开发者,需要在发布前识别模板感信号
  • 负责把关设计质量的技术负责人,需要在合入前用统一的满分标准审核各维度表现