当所有大模型都被训练成同一副审美,生成出来的页面自然千篇一律。Hallmark 偏要反着来——它是一款设计技能,专治「一眼就能看出是 AI 写的」那种页面。
它是谁?
Hallmark是一款为 Claude Code、Cursor、Codex 量身打造的设计技能(design skill),由 Together AI 团队出品。
它要做的事情只有一件,但很硬核:让 AI 生成的设计,拒绝看起来像 AI 生成的。
一句话总结它的工作方式:
Hallmark 会为你的需求选定一个宏观结构(macrostructure),给它套上 20 套主题中的一套,再跑 57 道「去 AI 味」测试关卡外加一轮输出前的自我批评,最后拒绝那些所有大模型都被训练进去的「安全默认值」。
关键在于——同一个 Hallmark,针对两个不同需求生成的两个页面,感觉像两个不同的网站,而不是同一个模板换了换配色。
四个动词,覆盖你的全部场景
Hallmark 用「动词」来组织功能,简单直接:
| 动词 | 它能做什么 |
|---|---|
| (默认) | 构建全新 UI。选定宏观结构,应用规则集,并在交付前跑一遍「去 AI 味」测试。 |
hallmark audit <目标> | 给已有代码打分,对照反模式清单列出问题清单,只看不改。 |
hallmark redesign <目标> | 推翻原有结构,保留文案、信息架构和品牌,用一个全新的「指纹」重新搭建。 |
hallmark study <截图 | 网址> | 从你欣赏的设计中提取「DNA」:宏观结构、字体搭配、色彩锚点。拒绝像素级克隆和付费模板。还能生成可移植的design.md,方便交接给其他 AI 工具。 |
一句话理解这四个动词:默认造新页面、审已有页面、重设计页面、拆解学习优秀页面。
不同需求,长出不同的样子
下面这些页面,每一个都来自不同的需求。Hallmark 会根据需求自行选择主题、结构和工艺,而不是套模板。
- 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 产品页 · 现代极简风
- Wayfare:旅行预订 · 氛围感
- NAJM:摩洛哥时尚品牌
- Hyperlane:开发者基础设施
每个页面都是自包含的 HTML + CSS,并在 CSS 注释里盖上了自己的宏观结构「戳记」。完整作品集可以在 https://www.usehallmark.com) 浏览。
Custom 模式:当目录里的主题都不够用时<NEW>
当一个需求带着目录里 20 套主题都承载不了的创意意图时,Hallmark 会切换到Custom(定制)模式,从零开始设计这个页面:量身定制的配色、字体和版式。
同样的 57 道测试关卡,底下没有任何模板托底。
比如:
- The Cascadia Nightjar:夜行卧铺火车票 · Custom 定制
- The Mend Assembly:维修咖啡馆报纸风 · Custom 定制
它是一条安静的分支——普通需求根本碰不到它。定制协议存放在custom-theme.md中。
怎么装?
一行命令搞定:
npx skills add nutlope/hallmark随时重跑这条命令即可更新。
或者手动方式——把SKILL.md和references/目录复制到对应位置:
- Claude Code:
~/.claude/skills/hallmark/ - Cursor:
.cursor/rules/hallmark.mdc(只需SKILL.md正文,不要 frontmatter) - Codex:
~/.codex/skills/hallmark/(个人级)或.codex/skills/hallmark/(项目级)
规则集在SKILL.md和references/里,实战案例在docs/recipes.md和docs/study-examples.md里。
开源协议
MIT 协议。随便用,随便 fork,随便上线。
本文基于 Hallmark 官方 GitHub 仓库 README 整理翻译。项目主页:(https://www.usehallmark.com),由 Together AI 出品。