ai-output-judgement

AI 输出判断

模型会输出其训练数据的中位数。未经审视地接受这个中位数，就会产生低质内容。工作就是认真阅读草稿，修好最后一步。

默认原则

1. 将生成内容视为脚手架，而非最终答案。
2. 检查素材，而不只是截图。
3. 明确指出具体问题（内边距、设计令牌、语义、动效、视觉风格），不要只说感觉不好。
4. 优先使用系统参考，而非模型自行编造的个别数值。
5. 在投入生产前，保留人工审美判断。

常见的中位数问题

• 使用硬编码的十六进制/RGB 值，而不是语义化设计令牌
• 用 div 作为控件，而不是使用原生元素
• 交互动效使用 transition: all 或线性时序
• 使用通用阴影、圆角和 24px 内边距
• 缺少空状态、错误状态、禁用状态和减少动态效果状态
• React 键值/身份标识导致组件重新挂载并重置状态
• 完成视觉设计后才补上无障碍支持

审查标准

1. 语义 — 元素和约定是否正确？
2. 设计令牌 — 颜色、间距、字体和层级是否来自设计系统？
3. 布局 — 是否有明确的层次结构，而非残留模板？
4. 动效 — 是否在必要时符合物理规律且可中断？
5. 状态 — 是否涵盖悬停/焦点/禁用/加载/空/错误状态？
6. 契合度 — 是否与相邻的产品界面一致？

推荐 / 拒绝

推荐	拒绝
草稿 → 批评 → 修改	提示词 → 发布
具体意见（“使用间距比例中的 12px”）	“做得更好看”
符合系统规范的替换方案	新增零散的个别样式
知道模型何时出错	仅因预览看起来精致就盲目信任

审查清单

• 是否有人阅读了代码/CSS，而不只是查看预览？
• 重复出现的数值是否都使用了设计令牌？
• 原生语义是否保持完整？
• 动效是否经过设计且可中断？
• 是否涵盖边缘状态？
• 你能否说明每个保留的默认值都是有意为之？

原文随笔

• 低质内容的问题不在模型
• 让设计发挥倍增效应
• 将 AI 用作结对设计伙伴
• 赋予 AI 审美