AI生成的UI总有一股”AI味”？这个Skill专治这个问题——Gesso 73条防slop规则

AI 生成 UI 越来越强，但总有一股”AI味”藏不住——渐变裁切标题、统一靛蓝强调色、堆叠阴影、表情包当图标……人眼一看就知道不对劲。

来自 Gesso（”AI 创意团队 for builders”）的这款 Skill，就专门治这个。

73 条”防slop”规则，一次检查全覆盖

Gesso 是 73 条可执行设计规则的合集，专门检测 HTML/CSS 里 AI 生成痕迹的视觉”破绽”。每个规则都有明确阈值 + 文档说明，大部分还带确定性自动修复。

能检出的典型信号包括：

• 渐变裁切式标题（gradient-clipped headline）
• 没人选的靛蓝强调色（indigo accent nobody chose）
• 过度堆叠的悬浮阴影（puffy stacked drop-shadow）
• 表情包代替图标系统（emoji standing in for icon）
• 等宽圆点假装图表（row of equal dots faking chart）
• 原始数字无排版（$1,842,000 figure no designer would typeset raw）

结构性检测通过解析 markup 完成（不执行 JS），所以对内联样式和 <style> 块都有效。

三种用法，总有一款适合你

1. Claude Code 用户：装插件，一句话触发

安装完成后，直接对任意 HTML 文件说”check this for slop”或”给我第二意见”，agent 自动跑检查再呈现结果。

2. CLI 党：一条命令出判决

px -y @gessobuild/anti-slop check page.html
退出码：0 = 干净，1 = 有slop，2 = 用法错误。直接上 CI。

3. 任意 AI Agent：用 skills CLI 接入

px skills add Gesso-Build/skills，触发方式同样是”帮我查一下这段HTML有没有设计slop”。

自动修复是确定性的，放心跑

fix 命令是幂等的，跑两遍等于跑一遍，不会越修越乱。针对营销/编辑页面加 --marketing 参数，某些检测项会降级为建议而非阻断。

谁在用？

Gesso 把自己定位为”AI 创意团队 for builders”——不是取代设计师，而是帮 AI 生成的东西看起来像设计师出的。89 GitHub stars，刚更新不久，目前处于活跃维护状态。

如果你经常让 AI 帮你写 HTML/CSS，这个 Skill 值得装一个——让 AI 的审美先过一遍专业设计师的质检。

GitHub：Gesso-Build/skills

GitHub: https://github.com/Gesso-Build/skills