关于 audit-ai-design-slop
用于审查界面设计的 Agent skill,面向需要基于证据诊断界面问题的设计师和开发者。它要求标明具体证据、区分质量缺陷与设计惯例,并优先提出最小删减或修正。
主要功能
- 01基于界面证据开展审查
- 02区分质量缺陷与设计惯例
- 03按影响程度排列发现
- 04优先建议删减或合并
- 05输出精简审查报告
适用场景
- 01检查页面截图与交互状态
- 02定位响应式或可访问性问题
- 03审查装饰元素和重复组件
- 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 区块
字体排版与文案杂乱
请标记:
- 重复文本或不必要的标签
- 空洞的最高级表述、含糊的类别声明和生成式填充内容
- 遮蔽层级或影响可读性的装饰性字体处理
- 居中长段落、刻意生硬的换行或难以快速浏览的文本
- 看似无意而非表达性设计的字体角色不一致
动效噱头
请标记会延迟访问、机械重复、分散注意力、移动目标、阻止输入,或不尊重减少动态效果偏好的动效。保留能够传达状态、因果关系、层级或空间变化的动效。
虚假佐证
如果虚构或无法验证的指标、客户、推荐语、奖项、评分、活动记录、仪表板、图表、徽标或肖像被当作证据呈现,请标记。
已确定的界面问题
请标记:
- 主要操作不明确或彼此竞争
- 对比度低或内容难以阅读
- 内容被裁切、溢出、重叠,或响应式行为异常
- 资源、链接、脚本或控件失效
- 关键信息只能通过悬停查看
- 观察到的流程缺少必要状态
- 标签、角色、反馈或键盘焦点不明确
- 间距、字体、颜色、圆角或图标存在意外的不一致
- 视觉层级与任务重要性相矛盾
使用移除测试
针对每个候选项:
- 说明它提供了什么信息、状态、操作、层级或品牌含义。
- 询问移除它是否能在不损失这一作用的前提下提升清晰度。
- 如果可以,建议移除或合并。
- 如果不可以,建议基于现有系统进行最小幅度的修正。
- 仅在删除会造成实际损失时,才建议替代方案。
默认优先做减法。替代方案应沿用产品现有的语言,而不是引入新的视觉概念。
优先级
- 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