mcpField
A
audit-ai-design-slop

audit-ai-design-slop

github.com/mengto设计与 UI7.1k1.2k 次安装3 天前更新
代码仓库

关于 audit-ai-design-slop

用于审查界面设计的 Agent skill,面向需要基于证据诊断界面问题的设计师和开发者。它要求标明具体证据、区分质量缺陷与设计惯例,并优先提出最小删减或修正。

主要功能

  1. 01基于界面证据开展审查
  2. 02区分质量缺陷与设计惯例
  3. 03按影响程度排列发现
  4. 04优先建议删减或合并
  5. 05输出精简审查报告

适用场景

  1. 01检查页面截图与交互状态
  2. 02定位响应式或可访问性问题
  3. 03审查装饰元素和重复组件
  4. 04为界面改进确定优先项

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/mengto/skills --skill audit-ai-design-slop

安装后在 Claude Code 中输入/audit-ai-design-slop确认已加载。

附带文件agents/openai.yamlREFERENCES.md

详细介绍

审查 AI 设计堆砌

开展有证据支撑的诊断审查。找出能够改善界面的最小一组删减或修正,同时保留其现有设计方向。

范围

  • 不要猜测设计是否由 AI 制作。
  • 不要给出数字化的堆砌评分。
  • 不要孤立地否定某种视觉手法。渐变、衬线字体、深色主题、玻璃效果、卡片、动画或单字体系统都可能是有意设计的。
  • 除非用户明确要求,否则不要指定新字体、配色、布局、设计系统或艺术方向。
  • 不要把审查变成实现任务。
  • 将任何超出可见或已提供证据范围的内容标记为未知。

审查证据

检查请求中提供的内容:

  • 截图和录屏
  • 渲染页面及相关视口
  • 交互和状态变化
  • 源代码、设计令牌、资源和文案
  • 会影响体验的控制台或运行时故障

每项发现都要指出具体位置、组件、行为或文案。不要在没有证据的情况下报告泛泛而谈的问题。

如需审查整页或整个网站,请阅读 ../no-ai-design-slop/ARTICLE.md,并且只使用与所审查内容相关的目录章节。不要把每项清单匹配都列为发现。按根本原因归纳症状,并报告影响最大的证据。

对发现分类

使用以下类别之一:

  • 质量缺陷: 已确定的可用性、无障碍、内容、响应式或运行时问题。
  • 设计堆砌模式: 反复出现的默认做法、装饰层或生成式风格惯例,且没有实用作用。

需要标记的问题

装饰层堆叠

如果光晕、渐变文字、玻璃效果、边框、阴影、网格、粒子、光束、噪点、悬浮形状或浏览器装饰等多层元素承担相同装饰功能,或与内容争抢注意力,请标记。

组件与模板重复

请标记:

  • 几乎所有内容区块都套用卡片样式
  • 内容可互换的重复图标—标题—描述式图块
  • 无法体现层级的嵌套圆角容器
  • 与产品购买或使用流程无关的通用落地页内容序列
  • 重述附近信息的标题、标签、胶囊标签或 CTA 区块
字体排版与文案杂乱

请标记:

  • 重复文本或不必要的标签
  • 空洞的最高级表述、含糊的类别声明和生成式填充内容
  • 遮蔽层级或影响可读性的装饰性字体处理
  • 居中长段落、刻意生硬的换行或难以快速浏览的文本
  • 看似无意而非表达性设计的字体角色不一致
动效噱头

请标记会延迟访问、机械重复、分散注意力、移动目标、阻止输入,或不尊重减少动态效果偏好的动效。保留能够传达状态、因果关系、层级或空间变化的动效。

虚假佐证

如果虚构或无法验证的指标、客户、推荐语、奖项、评分、活动记录、仪表板、图表、徽标或肖像被当作证据呈现,请标记。

已确定的界面问题

请标记:

  • 主要操作不明确或彼此竞争
  • 对比度低或内容难以阅读
  • 内容被裁切、溢出、重叠,或响应式行为异常
  • 资源、链接、脚本或控件失效
  • 关键信息只能通过悬停查看
  • 观察到的流程缺少必要状态
  • 标签、角色、反馈或键盘焦点不明确
  • 间距、字体、颜色、圆角或图标存在意外的不一致
  • 视觉层级与任务重要性相矛盾

使用移除测试

针对每个候选项:

  1. 说明它提供了什么信息、状态、操作、层级或品牌含义。
  2. 询问移除它是否能在不损失这一作用的前提下提升清晰度。
  3. 如果可以,建议移除或合并。
  4. 如果不可以,建议基于现有系统进行最小幅度的修正。
  5. 仅在删除会造成实际损失时,才建议替代方案。

默认优先做减法。替代方案应沿用产品现有的语言,而不是引入新的视觉概念。

优先级

  • P0: 阻碍任务完成、造成严重的无障碍问题,或展示具有欺骗性的证明
  • P1: 明显损害理解、信任、导航或交互
  • P2: 反复出现的粗制滥造或不一致,削弱层级和识别度
  • P3: 对用户影响有限的细微润色问题

默认返回影响最大的五至八项发现。将重复出现的问题合并为一项系统性发现。

输出

## Verdict
One concise paragraph about the dominant problems and what should be removed first.

## Checked scope
- Artifact, screen, state, and viewport actually inspected

## Findings
| Priority | Class | Pattern | Evidence | Harm | Remove or fix |
|---|---|---|---|---|---|
| P1 | Slop pattern | Repeated ornamental containers | Feature area uses the same layered card treatment for unrelated content | Flattens hierarchy and adds noise | Remove outer shells; retain grouping only where it communicates interaction |

## Unknowns
- Important states or behavior that could not be verified

报告应简洁。省略空白部分。

反馈规则

  • 先给出具体证据,不要从主观审美判断入手。
  • 指出问题模式及其危害。
  • 优先建议移除,而非重新设计样式。
  • 避免泛泛的赞美,也不要罗列影响有限的细枝末节。
  • 保留有用的产品专属细节和刻意营造的个性。
  • 除非某项标准能直接支持该发现,否则不要引用。
  • 不要将某种美学风格描述为普遍不好。
  • 如果用户明确要求更换设计,先给出可选替代方案,再提出移除建议;替代方案须与现有系统保持一致。
  • 以最能带来显著改进的一项移除或修正建议收尾。

评论

支持 Markdown