这玩意儿最折磨人的地方不是生成不出来——是生成出来了，你一看就知道，哦，AI做的。都不用看第二眼。
紫青渐变Hero，大标题在正中间，三个卡片齐刷刷并排，占满整个首屏。把这些元素单独拿出来，哪个都不算错。拼到一块儿——完蛋，AI网页的标准答案，一眼丁真。
最气人的是啥？你换个需求让它重新生成，出来的东西跟换了个皮肤似的。标题变了，图变了，味道一模一样。
所以最后你只能人肉加限制。不，要，紫，渐变。不，要，居，中。不，要，虚，构，用，户，头，像。十几条禁令贴上去，出来的效果才勉强算个活人做的。每次生成都像在跟一个审美极其倔强的乙方掰扯。你问它“这个按钮能往左挪一点吗”，它给你整个页面重排一遍。你没辙。
说实话，这已经算AI办公时代的流量密码了——不，痛点。真痛点。
直到我在GitHub上翻到一个叫Hallmark的项目，看起来专治这个病。Star已经涨到20500多，这个数字吧，你品品。
它干的事，说白了就一句话——给Agent加了一层“设计品味”。怎么加的？把七条网页设计原则直接写进了系统提示词里。生成页面之前，AI得先自己琢磨一下：结构怎么搭、风格往哪走、用户体验是啥。而不是上来就甩一个模板给你。你只需要告诉它想要什么，不用提前列一堆“不许这样”的禁令。
有人评价我特别认同：“与其说 Hallmark 是设计技巧，不如说它是对 AI 审美匮乏的公开处刑。57 道反套路检测本质上是在给大模型补一堂设计常识课——但奇怪的是，这些常识明明是人类设计师的入门必修。”
谁懂啊。入门必修。人类设计师上学第一天就学的东西，现在要一个项目来给AI补课。
但话说回来，这课补得确实有效果。我拿Claude Code做了个测试——让它做一个咖啡订阅落地页，要求暖色，要像小咖啡馆里的黑板手写风格。以我对常规AI的了解，它大概率会给你套一个标准Landing Page模板，三张卡片配个订阅表单，顶部再来个“Welcome to Our Coffee”大字。但Hallmark没走那条路。它选了一个Long Document结构，搭配Linen主题——暖纸质感配罗马衬线字体，整体感觉是把咖啡馆黑板搬到屏幕上。页面出来的那一刻，老实讲，我愣了。不是模板那种感觉，确实不是。
有试过的人这样说：“试了一下咖啡店落地页，不是模板感的中看不中用，是真的有手写菜单的质感。而且 HTML/CSS 不用改直接能打开，懒人福音。”
行，那就再换个需求试试。开发者的会议落地页，深色科技风，这种类型AI最容易做出那种廉价感。结果Hallmark自动切到了Marquee结构，配了Terminal主题。深色背景加浅绿元素，终端机的味道直接拉满。跟前面的咖啡页一比，完全是两个世界——这不只是换个标题颜色的事，是从页面结构到视觉语言整个重来了。
Hallmark里面内置了21种宏结构：Long Document、Marquee、Bento Grid、Stat-Led、Manifesto……每次生成的时候它会按需挑一种，而不是“同一个模板换个标题再套一遍”。同时还有20个设计主题，从极简到高反差，从暖色到冷色都有。Terminal终端绿、Linen暖纸衬线、Brutal近黑配黄、Midnight深冷磷光青。每个主题都有固定的配色、字体、间距和节奏——颜色全部用OKLCH来定义，保证色彩体系在数学上的一致性。
数学上的一致性。你听听，这是AI设计工具说出来的话吗。
有人这么评价：“用 OKLCH 定义主题、强制八种组件状态、四种工作模式——这已经不是 skill 了，是给 Agent 装了一个设计总监。建议改名叫AI设计防呆测试器。”
确实有点那个意思。AI生成的网页最大的问题是啥？静态截图很美，点起来全是bug。Hallmark对组件状态有硬性要求：default、hover、focus-visible、active、disabled、loading、error、success，八个状态必须全部存在。而且它不只是嘴上说说——它会实际运行页面来测。禁用一个输入框看反应，触发一次loading看转圈，组件没做到位就算不合格。换句话说，这已经是“长得好不好看”之外的层面了，是拿页面当产品来做了。
紫青渐变、居中标题、三等分卡片……AI做网页就像同一个妈生的，Hallmark这波直接给AI换了DNA。这句话一点没夸张。57道反套路检测门——卡片套卡片、渐变文字、纯黑纯白大色块、虚构数据、不存在的用户评价，这些AI最爱犯的毛病，在输出之前就被拦了一圈。你不需要预先写一堆设计禁令，这些规律已经写在检测规则里了。
更难得的是，Hallmark不是只能生成页面。四种模式——audit审查已有代码，只提问题和评分；redesign保留文案但重新设计结构；study上传喜欢的网站截图，分析它的宏观结构、配色和字体角色，输出一份design.md。从生成到分析到改造，全覆盖。
这已经不是“换个模板再生成”的小技巧了。那句话怎么说来着——“Hallmark 暴涨 2 万 Star 不意外，因为每个还在手写不要紫渐变、不要全居中的人，都是一座活火山。”说得挺狠，但确实戳中了。当你在一条条禁令里跟AI磨嘴皮子的时候，别人已经把设计规则整个塞给了Agent。让它自主决策设计语言，而不是每次都在旧审美里打转。
用起来也不复杂。打开Claude Code，装个skill就行：
```
npx skills add nutlope/hallmark
```
装完之后，你只需要说你的需求即可。比如“做一个咖啡订阅落地页”，它自己会挑结构、配主题、过检测、验交互——不需要你再反复补“不要紫渐变”之类的说明。
这一点体验差异，说实话挺重要的。因为之前用AI生成页面，总感觉是在跟一个审美有点固执的人打交道。你提要求，它给你模板。你继续提要求，它再给你一个换汤不换药的模板。Hallmark的存在，相当于把设计语言的选择权还给了AI本身——它不再用同一套方案去应付所有需求，而是基于场景重新组合结构、色彩和字体。
紫青渐变、居中标题、三等分卡片……AI做网页就像同一个妈生的。Hallmark这波，确实给AI换了DNA。
如果你已经受够了每天跟AI的紫渐变作斗争——这个项目值得花五分钟装一下。它不一定能替代你全部的设计控制欲，但至少，可以让你从“反复强调不要紫渐变”那个死循环里，解脱出来。
反正我是解脱了。