Wink Pings

AI生成的UI太丑?这个25.8k star的开源skill,把AI slop列成了禁令清单

Together AI的Hassan发布了开源设计skill Hallmark,专门让AI agent避开“AI slop”套路。它把常见丑设计列成规则,内置57道关卡,还能从截图提取设计DNA。多花10%心思在UI上,就是AI时代最大的竞争优势。

AI生成的界面,已经丑成了一种“风格”。满屏的紫色渐变、圆角卡片、无意义的插画,一眼就能认出是AI的手笔。

Together AI的Hassan(@nutlope)发布了一个开源设计skill,叫Hallmark,25.8k star。它的目标就是让AI agent避开这些“AI slop”套路。

Hallmark把常见的AI设计套路列成“别这么干”的规则,比如“不要用紫色渐变”“不要用模糊的库存照片”“不要用无意义的动画”。它内置57道slop-test关卡,生成前还会自我批评一遍。针对不同的brief,它会选择不同的宏观结构和主题,让两个页面看起来不像同一个模板换了个颜色。

GitHub仓库里展示了多个例子:一个酸面包App,一个唱片厂牌,一个旅行预订页面,风格各异。它支持Claude Code、Cursor和Codex,安装一行命令:

```

npx skills add nutlope/hallmark

```

Hassan在AI Engineer World's Fair上做了个演讲,标题叫“Stop letting your agents ship ugly UIs”。他分享了几条心得:

1. 摸清“AI套路”才能让agent避开。

2. 最重要:给agent喂参考图和截图。

3. 提示词越长越具体越好。

4. 用便宜小模型迭代——GLM 5.2效果跟Opus几乎分不出来,但速度快很多。

![img](https://wink.run/image?url=https%3A%2F%2Fpbs.twimg.com%2Fmedia%2FHQIkR-5aUAAR9TQ%3Fformat%3Djpg%26name%3Dlarge)

![img](https://wink.run/image?url=https%3A%2F%2Fpbs.twimg.com%2Fmedia%2FHQIkrtsaIAEbzto%3Fformat%3Djpg%26name%3Dlarge)

有网友评论说,“把丑东西排除掉,审美规则反而比提示词更管用。”另一位网友提到,之前写复盘表格的样式,说三遍都不对,丢张参考图一次过——正好印证了喂截图的重要性。

Hallmark还有几个有用的功能:`audit`可以给现有代码打分,`redesign`保留文案和结构重新设计,`study`可以从你喜欢的截图中提取“DNA”,但不允许像素级克隆。

多花10-20%心思在UI上,在这个AI slop满天飞的时代,就是最大的竞争优势。工具再好,审美还是得靠人。

发布时间: 2026-08-21 06:42