Hallmark 是 GitHub 上最火的"反 AI 味"设计技能，没有之一。截至 2026 年 7 月底，18,859 颗星、949 个 fork、MIT 协议、主语言 CSS，仓库 2026 年 4 月 27 日创建，没有版本化 release——因为它本身是一个 design skill，不是发版软件。作者是 Together AI，跑在 Claude Code、Cursor、Codex 三个支持 skill 协议的 AI 编程工具里。它干的事一句话能说明白：让生成的 UI"拒绝看起来像 AI 做的"。给一个 brief，Hallmark 先挑一个宏观结构（macrostructure），套上 20 个主题之一（或触发 Custom 从零设计），再跑 57 道 slop-test 门加一道发射前自我批判，主动拒绝所有 LLM 被训练进去的"默认分布"模板。它有四个动词：build 建新、audit 审现有代码、redesign 换指纹重建、study 提取参考设计的 DNA。两个不同 brief 生成的页面像两个不同的网站，不是同一模板换个色。
解决什么痛点
让 AI 生成过落地页的人都见过这几样：居中 hero、紫蓝渐变、Inter 字体、圆角卡片三件套，换个品牌名还能继续用——这就是 LLM 的"默认分布"，训练数据里这类页面太密，模型一开口就是它。后果是模板指纹（template fingerprint）：两段不同 prompt 生成的页面，结构、留白、字号梯度几乎一样，只是换色换字。竞品分析页、SaaS 落地页、个人作品集，长得像同一个模板的变体。再就是组件层面的 AI 味：按钮 hover 一律放大、卡片阴影一律同款、间距一律 8 的倍数，缺乏设计意图。Hallmark 不去微调这些细节，而是从宏观结构层换路：不同 brief 走不同 macrostructure，配上不同主题的字体配对（type-pairing）和色彩锚点（colour anchor），用 57 道 slop-test 门把"AI 默认会做的事"逐条挡掉，发射前再自我批判一轮。核心转变是从"让 AI 生成一个页面"换成"让 AI 生成一个不像 AI 生成的页面"。
宏观结构加二十主题：每个 brief 不同指纹
这是 Hallmark 拒绝模板味的根本机制。普通 AI 生 UI 是"一个模板换色"，Hallmark 是"先选结构再穿衣"。macrostructure 决定页面骨架（hero 形态、信息层级、节奏），20 个主题各带自己的字体配对、色彩锚点和工艺细节，两者组合产生不同的视觉指纹。README 里直接放了一打案例：Bubble（酸面包 app，Hum 主题）、Distil（内容抽取 API，Cobalt）、Cold Snap（唱片厂牌 EP，Carnival）、Cinder（AI 推理工具，Lumen）、Ferns & Fathom（茶单，Custom）、Hollowback Apiary（蜂蜜农场，Garden）、Off-Register（孔版印刷展，Riso）、Press Quaternary（字体工作室，Custom）、Tally（SaaS，modern-minimal）、Wayfare（旅行预订，atmospheric）、NAJM（摩洛哥时装品牌）、Hyperlane（开发者基础设施）——每个都是不同 brief，结构不同、主题不同、观感不同。每个生成的页面是自包含的 HTML+CSS，CSS 注释里盖了它用的 macrostructure 戳，方便对照。当 brief 带有目录主题都装不下的创意意图时，Hallmark 切到 Custom 分支从零设计：量体裁衣的调色板、字体、布局，同样过 57 道 slop-test 门，底下没有模板。README 明说这是一条"安静的分支"，普通 brief 永远碰不到它。
四个动词：build/audit/redesign/study
Hallmark 的所有能力挂在四个动词上。默认动词 build 建新 UI：给一个 brief，选 macrostructure、套主题、跑 slop-test 再交回来。hallmark audit <target> 给现有代码打分：拿反模式清单逐条比对，输出一份 punch list（整改清单），不动你一行代码——适合审已经上线、怀疑有 AI 味的页面。hallmark redesign <target> 是换指纹重建：丢掉原结构，保留文案、信息架构（IA）和品牌，用不同的视觉指纹重做——适合"内容没问题但长得太 AI"的页面。hallmark study <截图 | URL> 提取你欣赏的设计的 DNA：拆出 macrostructure、字体配对、色彩锚点，可导出一份可移植的 design.md，交给其他 AI 工具生成同风格页面。study 有两条硬规矩：拒绝像素级克隆、拒绝提取付费模板——能学结构和用色，不能照抄。判断准则：从零起走 build，老页面去味走 audit 看分再 redesign，想复刻某个参考走 study。
study 与 design.md：把设计 DNA 跨工具流转
study 是四个动词里最值得单独说的一个，因为它解决的是"我喜欢这个设计但不想抄"的常见困境。丢一张截图或一个 URL，Hallmark 提取三样东西：宏观结构（页面骨架）、type-pairing（字体配对关系）、colour anchor（色彩锚点）——合起来叫设计 DNA。提取完可选导出一份 design.md，这份文件是可移植的，能塞给其他 AI 工具（不限于 Hallmark 自己）生成同风格的新页面。关键边界：study 拒绝像素级克隆，也拒绝提取付费模板的 DNA。意思是它能学一个设计的结构和用色逻辑，但不帮你 1:1 复刻别人的成品或破解别人卖的模板。这把"参考"和"抄袭"分开：你拿到的是设计语法，不是设计本身。配合 build 用最顺：study 拆一个你欣赏的站，拿到 DNA，再用 build 基于这份 DNA 生成自己的页面——风格同源，但不是抄。
三分钟上手
# 1. 装（需 Claude Code / Cursor / Codex 之一，支持 skill 协议）
npx skills add nutlope/hallmark # 重跑即可更新
# 2. 不走 npx 也可手动：复制 SKILL.md + references/ 到对应目录
# Claude Code: ~/.claude/skills/hallmark/
# Cursor: .cursor/rules/hallmark.mdc（贴 SKILL.md 正文，去 frontmatter）
# Codex: ~/.codex/skills/hallmark/（个人）或 .codex/skills/hallmark/（项目级）
# 3. 在 AI 工具对话里调用四个动词
# 建新 UI： 直接描述 brief，如"给精酿啤酒品牌做落地页"
# 审现有代码： hallmark audit ./src/landing.html （输出反模式清单，不改代码）
# 换指纹重建： hallmark redesign ./src/landing.html （丢结构、留文案+品牌）
# 提取设计 DNA： hallmark study ./reference.png （可导出 design.md）
# 4. 验证
# 生成页是自包含 HTML+CSS，CSS 顶部署了 macrostructure 戳
# 在线对照 usehallmark.com，按 T 循环 20 个主题看效果规则集本体在仓库的 SKILL.md 和 references/ 目录里，现成案例在 docs/recipes.md 和 docs/study-examples.md——想看 study 到底怎么拆设计，直接读后者。
适合谁 + 四个踩坑
适合：要做落地页但不想每页长一个样的独立开发者/创业者；已经在用 Claude Code/Cursor/Codex、想加一层"设计审美"的 AI 编程用户；要给已上线 AI 生成代码去味的设计师（audit 打分 + redesign 重建）；想把参考设计的风格复用到自己项目的人（study 提 DNA）。
踩坑记四条。一是它是 skill 协议，单机跑不起来，必须装到支持 skill 的 AI 工具里（Claude Code / Cursor / Codex 三选一），想嵌进自己的脚本管线不行。二是输出是自包含 HTML+CSS，不是 React 组件，往 Next.js/React 项目里接要手动移植，别指望直接拿到一个 <Hero /> 能用。三是 57 道 slop-test 门加发射前自我批判意味着生成比"直接让 AI 吐一个落地页"慢、token 也多，急活别走它。四是 study 拒绝像素克隆和付费模板，想 1:1 复刻别人的站或破解付费模板的，这条路走不通——study 给的是设计语法，不是成品。
和竞品比
和 Humanizer 比，分工清晰：Humanizer 管"文字去 AI 味"，Hallmark 管"视觉去 AI 味"，两者互补，文字走 Humanizer、UI 走 Hallmark。和 shadcn/ui 比，shadcn 给你一堆可复制组件（按钮、对话框、表格），解决的是"组件从哪来"，Hallmark 解决的是"页面为什么长得像 AI"——宏观结构、主题、反 AI 模式，层级不同，可以叠着用（Hallmark 定结构，shadcn 出组件）。和 v0 比，v0 是 Vercel 的 AI 从 prompt 生成 React/Tailwind UI，快但默认就是 AI 那套分布，Hallmark 慢但主动拒绝那套分布，定位是"v0 能生成但太 AI"时的下一站。和 tweakcn 比，tweakcn 是 shadcn 主题定制器，调的是配色和 token，不碰宏观结构、不跑反 AI 门，Hallmark 调的是结构和指纹。一句话：组件找 shadcn，调色找 tweakcn，快速出稿找 v0，出稿后去 AI 味找 Hallmark。
参考来源
- Hallmark GitHub 仓库（18,859 star，MIT，CSS）：https://github.com/Nutlope/hallmark
- 在线 demo（按 T 切 20 主题）：https://www.usehallmark.com
- 规则集 SKILL.md：https://github.com/Nutlope/hallmark/blob/main/skills/hallmark/SKILL.md
- references 目录：https://github.com/Nutlope/hallmark/tree/main/skills/hallmark/references
- 实战案例 recipes.md：https://github.com/Nutlope/hallmark/blob/main/docs/recipes.md
- study 示例 study-examples.md：https://github.com/Nutlope/hallmark/blob/main/docs/study-examples.md