很多用 AI 写出来的网页都「长得差不多」：同样的布局套路、相似的配色、雷同的字体搭配，一眼就能认出是 AI 生成的。Hallmark 就是一个专门治这个毛病的开源项目——它是一份装进 AI 编程工具的设计技能，让 Claude Code、Cursor、Codex 这类助手生成的界面摆脱千篇一律的「AI 味」。

这个项目由 AI 公司 Together AI 出品，作者是开发者 Hassan El Mghari（GitHub 账号 Nutlope），采用 MIT 许可证开源，免费使用、随意修改，目前在 GitHub 上已获得 2.69 万 Star。它不是软件或框架，而是一份「技能包」：装进 AI 编程助手后，助手写前端时就会自动遵循一套额外的设计规则，而不是凭训练记忆输出「最常见」的样式。

「AI 味」是怎么来的

先解释一个词：AI 味，英文圈里常叫 slop，指 AI 批量生成内容时那种敷衍、同质化的质感。大模型写代码有个习惯——倾向于输出训练数据里出现频率最高的样式组合。单独的页面看着还行，但不同项目生成出来的页面一对比，就像同一个模板换了层皮，这就是「AI 味」的来源。

Hallmark 的做法是给生成过程加两道闸门：一道是主题库，一道是质量门禁。

21 套主题：给不同项目挑不同长相

Hallmark 内置 21 套设计主题。接到设计需求（术语叫 brief，就是你对页面提出的要求）后，它会先判断这个项目适合什么气质，从主题库里挑一套搭配，再决定整页的宏观结构——页面骨架怎么搭、内容怎么排。官方给出的例子包括：酸面包应用的俏皮风格、唱片厂牌的复古海报风、开发者基础设施的硬朗工业风。官方承诺，两个不同需求生成的页面，看起来是两种不同的网站，而不是同一套模板换颜色。

57 道门禁：把「敷衍感」拦在交付前

每生成一版页面，Hallmark 会跑 57 道 slop-test 门禁——一组专门识别 AI 敷衍痕迹的检查规则——加上一次交付前的自我批评，然后拒绝输出所有大模型「训练惯性」里最容易出现的默认设计。换句话说，它把「看起来像 AI 随手写的」当作错误来排查，而不是等用户自己去发现。

四个命令，四种用法

Hallmark 提供四个动词命令，对应四种场景：

  • build（默认）：新建界面。选宏观结构、套规则集、跑门禁，通过后才交付。
  • audit：给现有代码打分。对照反模式清单输出问题清单，不改代码——适合检查历史项目里的 AI 味。
  • redesign：推倒重设计。保留文案、信息架构和品牌，换一套「设计指纹」重建页面。
  • study：学习你喜欢的设计。喂一张截图或一个网址，它提取出对方的宏观结构、字体搭配、色彩锚点，存成一份可移植的 design.md 交给其他 AI 工具接力。明确拒绝像素级抄袭和付费模板。

套不上模板时：Custom 模式

如果需求里带了主题库覆盖不了的创意意图，Hallmark 会切到 Custom 模式，从零设计：现配一套调色板、字体和布局，不垫任何模板。同样要跑完 57 道门禁。

怎么装上用

Hallmark 支持三种主流 AI 编程工具，安装都是一行命令：

npx skills add nutlope/hallmark
  • Claude Code：把 SKILL.md 和 references 目录放进 ~/.claude/skills/hallmark/
  • Cursor：把 SKILL.md 转成 .cursor/rules/hallmark.mdc
  • Codex：放进 ~/.codex/skills/hallmark/（个人级）或 .codex/skills/hallmark/（项目级）

装好后在对话里直接说需求，它就会按这套流程工作。官方还提供了在线示例站 usehallmark.com，可以先看看不同主题实际长什么样。

适合谁用

  • 用 AI 编程工具写前端的开发者：摆脱 AI 味最直接的办法；
  • 独立开发者、小团队：没有专职设计师，又希望网站有自己的辨识度；
  • 对设计有要求的产品负责人：可以用 audit 给现有页面做一次设计体检。

如果你正在用 AI 写前端，又受够了千篇一律的页面，Hallmark 是目前最直接的一个选择：免费、开源、装上一行命令就能用。值得记住的一句话是——它解决的不是「能不能生成」，而是「生成得像不像人做的」。