Hallmark：解决 AI 生成网页一眼假的问题

最近在 GitHub Trending 上看到一个有意思的项目：Hallmark。一周涨了 9000 多 Star，目前累计 1.4 万。它解决的问题很具体--AI 生成的网页总是长得差不多。

用 AI 写过前端的人应该都有体会：不管需求是什么，最后生成的页面往往都像同一个模板换了文案。具体表现包括：大渐变标题配悬浮卡片、过量圆角和紫蓝色光晕、千篇一律的三列功能区块、所有元素看起来都很"精致"但没有个性。这不是代码问题，而是模型倾向于选择训练数据中最安全、最常见的方案。

项目地址：https://github.com/Nutlope/hallmark

Hallmark 不是 UI 框架，也不是组件库。它是一套设计规则，专门给 Claude Code、Cursor、Codex 这类编码 Agent 用的。核心思路是：把"什么看起来像 AI 生成的"定义成明确的检查项，让 Agent 在输出前自己审查一遍。

官方数据：20 种预设主题、57 道 slop-test 检查门、输出前的自我批评机制。

Hallmark 提供了四个模式：默认模式从零创建新页面，Audit 审查已有页面的问题，Redesign 重新设计但保留目标，Polish 做细节打磨不推翻重来。这个区分挺实用的，现实中的前端任务不总是从零开始，更多时候是改旧页面或者优化细节。

为什么这个项目火了？我的理解是：AI 编程正在从"能不能用"进入"好不好用"的阶段。代码能跑只是最低标准，产品有没有辨识度、信息层级是否清晰、交互是否符合场景，这些正在成为新的质量要求。Hallmark 把一种普遍存在但难以描述的不满--"这个页面一看就是 AI 值的"--变成了可以检查、可以改进的具体规则。

值得关注的点：第一，Skill 是轻量的能力封装，不用换模型不用换编辑器，把规则加进现有工作流就行；第二，有明确的使用边界，官方说得很清楚它不能替代设计师，只是帮 Agent 避免明显的套路；第三，需要人工复核，生成结果还是要检查移动端、无障碍、性能这些。

局限性也很明显：规则能阻止明显的同质化，但不能自动理解品牌战略、用户研究、业务优先级这些更复杂的需求。另外 20 种主题虽然比没有强，但长期来看可能还是需要团队自己定义规则。

如果你在用 AI 写前端，Hallmark 值得试试。至少它提供了一个思路：与其抱怨"AI 生成的东西太像 AI"，不如把这个问题转化成具体的约束条件。项目是 MIT 协议，可以直接用。

GitHub：https://github.com/Nutlope/hallmark