Hallmark 深度评测:3 万 Star 的反 AI 味设计技能,31 个成品页面 21 个过不了自家 58 道闸门

让 AI 帮忙做一个网站页面,出来以后几乎都长一个样:标题居中放大、下面三张并排的卡片、一句”为现代团队打造”、最后点一个紫蓝色的渐变按钮。这个现象已经被起了名字,英文圈叫 slop,直译就是”糊味”——量大、管饱、没有一口是你记得住的。

有一个 3 万 Star 的开源项目,专门治这个病,名字叫 Hallmark。它做的事说起来很朴素:给 AI 编码助手里塞一份设计规矩手册,逼它不许退回那套默认长相。

我把它拉下来看了两天,最有意思的地方不是它立了多少规矩,而是它拿来证明”我做到了”的那批成品页面,自己就有大半过不了自己的规矩。

它到底是什么

一句话讲清楚:Hallmark 不是一个能跑的程序,而是一份写给 AI 看的说明书。你在 Claude Code、Cursor、Codex 这类 AI 编码助手里装上它,再让它设计页面,它就会按这份说明书干活——先把手上几十种”默认长相”挨个否掉,再从自己带的素材库里挑一套。

它带的素材库长这样:

装了什么 数量 干什么用
主题 21 套 配色 + 字体组合,比如”奶油纸配梨黄”或”深夜紫配熔铜”
版式骨架 21 种 整个页面从上到下的形状,比如”长文档””报价单””信箱式”
组件套路 50 个 导航栏、页脚、主视觉的具体花样
检查规矩 58 道 交活之前逐条自问,自己给自己挑刺

这里有个关键区别要说清楚。市面上绝大多数”反 AI 味”的项目,做的是换皮——同样的骨架,换一套颜色和字体。Hallmark 明确说它要换的是骨头:同一份说明书,给两个不同的需求,出来的两个页面应该像两家不同的公司,而不是同一个模板的两次换色。

它的核心是一张”版式骨架”清单,每种骨架都是一套完整的页面形状。用哪张、不用哪张,说明书里有硬规则——比如”编号在左边、大衬线字、非对称留白”那种最常见的”编辑风”骨架,被点名降级了,只有在需求里明说要”编辑感””字体厂”的时候才准用。

我把这 58 道规矩,拿去查它自己的成品

Hallmark 的仓库里摆着 31 个成品页面,用来展示”这套说明书真的能产出不一样的东西”。13 个是它自己的生成测试(每个配一份需求说明),另外 18 个是官网上的展示案例。这 31 个页面就是我要查的对象,因为它们是 Hallmark 自己的作业。

先说最硬的一条:这 58 道规矩,仓库里没有任何一行代码能执行它。

整个仓库里没有一个测试文件、没有持续集成配置、没有 lint(也就是自动检查代码规范的那类脚本)。58 道规矩全部以问句形式写在文档里,靠 AI 读着自问自答,或者靠人眼去看。这一点仓库里没有遮着——它甚至明说每道规矩”答案必须都是否”。但这意味着没有任何东西能拦住一个不合格的页面被交出来,除了干活的那个人或那个模型自己。

那这些规矩真的被执行了吗?我把其中可以交给机器判定的部分抽了出来,照着规矩原文的措辞写了个扫描器,跑了一遍它自己那 31 个成品页面。

口径先说清楚,避免误伤:我只挑了 8 道措辞明确、能被机器判定的规矩,闸门的原意是给人看整体效果的,我的扫描器是对原文的近似,不是官方检查器;脚本和原始仓库都在沙箱里,结论可复现。

页面 机器可判定的命中
有命中 21 / 31
完全干净 10 / 31

也就是说,它自己 31 个成品页面里,21 个至少违反了自己的一道规矩(以我能机器判定的那部分口径计)。命中最多的是这几类:

是哪道规矩 命中页面数 具体是什么
交互元素状态要齐 20 规矩要求每个可点的元素同时写全悬停、键盘聚焦、按下、禁用四种状态,绝大多数页面只写了悬停
大写标题行高不能压太紧 9 规矩说全大写标题的行高低于 1.0 会让换行时上下两行”顶”在一起。carnival-01 一个页面里就有 7 处,最紧的一处行高只给了 0.82
横向滚动要用另一种写法关 2 规矩明确说要写 clip、不要写 hidden,理由是后者会破坏页面里吸顶的元素。carnival-01 和 cobalt-01 都写了 hidden,而 carnival-01 同一份样式文件里恰好就有一个吸顶导航,正是这条规矩想保的东西
禁止渐变文字 1 bananastudio 用了把文字填成渐变的写法,规矩原文说”任何主题都不允许渐变文字”

再说一处更耐人寻味的。Hallmark 有一套”盖章”习惯:每个成品页面的样式文件顶部,都有一段注释,写明这个页面用了哪套骨架、哪套主题、哪几道规矩通过了。这等于页面的成绩单。

我翻了这几份成绩单,发现它们引用了一批不存在的规矩编号:

tokens: pass (58) · responsive: pass (59) · icons: pass (60)
mobile: pass (36, 59, 61–69)

这是四个自定义主题展示页盖章时用的原话(页面代号连着排:custom-01 到 custom-05)。但这 58 道规矩的编号只到 57(另有一条是 38 号加字母后缀)。58、59、60 号不存在,61 到 69 号更不存在——盖章时引用的那 9 道规矩,一道都没有。

同样这几个页面还盖着 slop: pass (51–55) 和 gates: all-pass(全部通过)。按我上面的扫描,它们并不是全部通过。

规矩的数量,它自己也说不清

顺着上面那条线,我把整个仓库里提到规矩数量的地方都数了一遍,对不上:

出处 说的数字
规矩文件本身的标题 58 道
主说明书(两处) 58 道
每页成绩单(riso-01) 57 / 57
README(两处) 57 道(英文写作 fifty-seven)
官网首页文案(8 处,在 main.js 里) 57 道

真实条数是 58 条,其中一条编号带字母后缀,所以是”1 到 57 号 + 38a 号”,合计 58。仓库里 9 处写 57,3 处写 58,而它自己的演示页面又盖着”57 / 57 全过”的章。也就是说,同一个项目里,规矩到底有几道,三种说法同时并存。

也有真东西,这部分要说公道话

如果只写上面的部分,这篇就是一篇抓错稿了。它有几点是真的做到了:

结构多样是真的。13 个生成测试里,实际用到的版式骨架有 9 种不重样——字母信、长文档、目录页、引言主导、工作台、索引优先、便当格、数字主导、跑马灯,各是各的形状。我抽查了每个页面样式文件顶部的骨架声明,没有两个相邻页面撞同一套骨架。它主张的”换骨头不换皮”,在成品里站得住。31 个页面里也有 10 个在我这套口径下完全干净。

21 套主题的色板是真的齐全。我逐个去配色文件里点过名,21 套一套不少,每套都有完整的纸色、墨色、强调色定义,用的是 oklch(一种比十六进制更符合人眼感觉的颜色写法)。这一点没有虚报。

它对”编数据”这件事的态度是硬的。规矩里有一条明确禁止编造指标:用户没给的数字不许自己填,”转化率提升 47%””五万团队在用”这种一旦是编的就算违规。这一条在同类项目里很少见,而且它自己的成品页面也确实没编。

它不藏短。仓库里有一份 18 KB 的生成测试记录,逐条写了哪几个需求做得好、哪几个做得差、下一步要修什么,甚至列了 9 条自我改进项。这种把失败一并公开的做法,比很多只会放好看的截图的项目要诚实。

还有两处我原本以为是问题,核完发现要说明白:

一是 21 套主题里只有 5 套配有独立的详细规格文件(比如 Hum、Carnival),其余 16 套只有一个色板。但主说明书里明说了这是”可选、缺了就静默跳过”,不算漏做。二是生成测试的记录文档开头还写着”8 个落地页””v0.6.0 这一代”,而目录里实际有 13 个编号页面,13 个里又有 5 个只有页面、没有需求说明文档。仓库当前版本号是 1.1.0。这就是典型的文档没跟上迭代。

最后补一条:项目上一次提交是 2026 年 8 月 6 日,距今两个多月,仓库没有归档。不算凉,但也不活跃——评测当天(10 月 12 日)GitHub 上显示它仍在被围观,星数停在 3 万上下。

同类里它站在哪,谁该用它

同类项目大致分三路。Claude 官方自带一个前端设计技能,走的是”少而稳”的路线,规矩不多但每一条都很具体;一批个人作者的”反 AI 味”技能(本号之前评过 taste-skill 这类)走的是”重写提示词风格”的路线;Hallmark 走的是第三路——把设计知识拆成一份可查询的大目录,106 个文档、9000 多行,按需加载。

适合谁:你如果天天让 AI 做页面,又忍不了那套默认长相,Hallmark 的目录结构确实能省掉你反复写”别用居中大标题”的力气,它把”该长什么样”的选择从模型手里拿走了一部分。尤其适合一次要做多个不同页面、又想让它们不像同一个模板的团队。

先别急的情况有两种。一是你要的是可验证的质量:它的 58 道规矩没有一行实现,”全过”的章是模型自己盖的,而它自己的成品页面正好证明了这种自盖章不可靠。二是你在意的正是那几道长年不修的细节:大写标题行高、交互状态齐全程度、横向滚动的写法——这三类恰好是它成品页面里命中最多的地方。

我的判断

Hallmark 是一份认真写过的设计说明书,素材库的厚度和结构多样的主张都经得起翻。但它同时演示了”提示词即质量保证”这条路的边界:规矩写得再细,没有机器能执行,就只剩自律;而自律在它自己公开的 31 个成品里,失手了 21 次,还附赠了几张引用不存在规矩编号的成绩单。

值得放进观察清单,用它的目录和骨架清单是真划算。但如果哪天它把 58 道规矩里能机器判定的那部分真的写成脚本跑进持续集成,那才是它从”说明书”变成”工具”的时刻。

关注 AI商业快讯,每天一篇 AI 热点深度解读。

发表评论