Hallmark一个拒绝AI味的设计技能工具深度解析问题从哪里来AI 生成 UI 的同质化困境如果你用过 Claude Code、Cursor 或 Codex 生成过任何一个落地页大概率会看到同一张脸紫色到粉色的渐变英雄区、居中排列的所有文字、Inter 字体包打天下、带圆角图标的功能卡片、以及那个永恒不变的导航栏——左边 Logo、中间四个链接、右边一个 CTA 按钮。这不是某个开发者的审美问题而是大语言模型训练数据分布的必然结果互联网上最多的 UI 代码就长这样模型只是在拟合分布中心。这个问题属于典型的渐进优化无法解决的范式问题——你无法通过调整提示词技巧来系统性地绕开它因为每一次生成都在独立地向同一个分布均值回归。Hallmark 的切入点正是这里它不是一个 UI 组件库不是一套设计 token而是一个强制打破模型默认行为的规则集以技能skill的形式注入到 AI 编码工具的上下文中。正如项目主页Hallmark — A design skill that refuses to look AI-generated所描述的它的核心承诺是两个不同的 brief 生成的页面看起来像两个不同的网站而不是同一个模板换了颜色。核心机制宏结构选择 57 道反同质化检查门理解 Hallmark最关键的不是它有多少个主题而是它的两层核心机制。第一层宏结构Macrostructure选择。大多数人以为 AI 生成 UI 的问题出在颜色或字体上实际上问题更深——它出在页面的骨架层。一个中间英雄区 功能三列 CTA 区的结构本身就是一个强信号无论你把它涂成什么颜色都难以掩盖。Hallmark 在生成前先做一件事根据 brief 的语义和类型从若干个宏结构方案中主动选择一个适配的骨架并且明确拒绝重复最近三次用过的宏结构。这意味着设计差异性从结构层就开始了而不是在样式层打补丁。第二层57 道slop 测试关卡 预输出自我批评。这是 Hallmark 最具工程意义的部分。在把代码交还给用户之前它会对生成物逐项检查 57 个已知的 AI 同质化反模式并执行一次 pre-emit self-critique——让模型在输出前对自己的生成结果进行一次审查。这套机制的价值在于它把不要生成烂东西这个软性指令转换成了一个可验证的检查清单从流程上约束了模型的默认回归行为。GitHub - Nutlope/hallmark中列出了最典型的五个反模式值得逐条理解紫色渐变英雄区最容易被识别的 AI 美学标志。修复方案是单一锚定色不做渐变背景。Inter 一字打天下展示字体和正文用同一个字体族是模板页面的典型特征。修复方案是强制字体配对一个展示字体 一个正文字体绝不同族。万物居中对称性作为默认值。修复方案是主动偏置布局宽左边距窄右边距或反之打破一次对称就足以传递设计意图。图标瓷砖功能卡圆角矩形 左上角色块图标 两行标题 三行文案这是通用模板的化身。修复方案是不对称卡片或直接去掉图标用排版主导。AI 导航栏那个被所有 LLM 默认生成的导航结构。修复方案是根据页面类型选择对应的导航原型——报纸报头、终端命令栏、边缘对齐极简风导航本身应该告诉你这是什么类型的网站。四个动词工具的使用界面设计Hallmark 将所有操作抽象成四个动词这个设计本身值得关注因为它隐含了对AI 设计辅助这个场景的完整思考动词职责默认读取 brief选宏结构应用规则集运行 slop 测试后返回页面hallmark audit path对现有代码评分输出问题清单不做修改hallmark redesign path丢弃结构保留文案、信息架构和品牌用不同指纹重建hallmark study url/截图提取你欣赏的设计的 DNA宏结构、字体配对、颜色锚点拒绝像素级克隆和付费模板可选输出design.md用于跨工具交接hallmark study特别值得单独说一下。它解决的问题是我喜欢这个网站的感觉但我不知道怎么描述它——一个设计师日常遇到但极难用语言精确表达的场景。通过提取宏结构、字体角色展示 / 正文 / 标签、颜色锚点和布局节奏它把视觉感受翻译成了可操作的设计规格并且明确拒绝复制字体识别结果或克隆像素——这在法律和伦理层面都是清醒的边界设定。八条跨主题硬规则设计哲学的编码方式正如Hallmark — A design skill that refuses to look AI-generated所列出的Hallmark 有八条在所有 20 个主题中都不可关闭的规则字体展示字体与正文字体必须配对禁止一字两用颜色OKLCH 色彩空间单一锚定色强调色占比不超过 5%间距命名比例尺4 的倍数禁止任意的 17px 这类魔法数字动效指数缓出每个动画必须有 reduced-motion 替代方案语调每个主题有独立的语言风格不用 SaaS 默认的中性腔布局主动偏置不对称是意图的体现居中一切是暴露的破绽层次展示 / 正文 / 标签三级两秒内可读懂权重梯度克制没有比差东西更好。最强的失败状态是沉默最后这条克制规则在工程上意义深远它赋予了 Hallmark 在没有合适方案时拒绝生成的权利这与大多数 AI 工具不管怎样先给你输出点什么的默认行为形成了鲜明对比。与历史路径对比这比之前的方案好在哪又牺牲了什么在 Hallmark 出现之前开发者有几种常见的应对 AI UI 同质化的方式方案一精心编写提示词。在 prompt 里手动指定字体、颜色、布局风格。问题是这需要用户具备设计知识而且每次生成都要重复这个过程规则分散在对话历史中无法系统化复用。方案二使用设计系统 / 组件库。Tailwind UI、Shadcn/ui 等。这解决了组件一致性问题但没有解决页面整体骨架的同质化问题——用同一套组件搭出来的页面依然可能长得一模一样。方案三交给专业设计师修改。有效但成本高也与 AI 辅助开发的提效目标相悖。Hallmark 的路径是把设计规则系统化地编码成 AI 工具的上下文约束一次安装持续生效不依赖用户的设计素养。这是它相比前述方案的核心进步。牺牲的东西也很清楚可控性和可预测性会下降一些。当 Hallmark 替你做宏结构决策、主题决策时如果你是一个有明确视觉意图的设计师这种主动选择可能带来摩擦。hallmark audit和hallmark study的存在部分弥补了这个问题但对于需要精确像素级控制的场景Hallmark 不是正确的工具。推演这个方向会走向哪里基于 Hallmark 的机制可以做出几个合理的推断检查门机制会被广泛借鉴。57 道反模式检查这个思路本质上是把代码审查引入了UI 生成的流程。这个模式一旦被验证有效会很快被集成进更多 AI 编码工具的内置流程中而不只是作为外部技能存在。设计 DNA 提取会成为独立产品。hallmark study的核心能力——把视觉感受翻译成结构化的设计规格文件design.md——具有比 Hallmark 本身更广泛的应用场景。它可以用于设计师之间的交接、品牌规范的传递、以及跨 AI 工具的设计一致性维护。宏结构库会持续扩张并趋向垂直化。目前 Hallmark 有 20 个主题但更重要的演化方向可能是针对特定行业SaaS、电商、媒体、金融的专化宏结构集因为同质化问题在不同行业的表现形式是不同的。诚实的边界不要过度期待Hallmark 是一个有价值的工具但有几点需要清醒认识它解决的是风格层的问题不是逻辑层的问题。生成的页面是否有合理的信息架构、是否真正传达了产品价值、文案是否准确——这些 Hallmark 管不了也不是它的职责范围。57 道检查门的有效性取决于规则集的维护质量。AI 审美的同质化模式会随时间演变——今天的反 AI 美学特征三年后可能又变成新的默认值。Hallmark 的规则集需要持续更新才能保持有效这依赖于社区的活跃维护。Custom 模式质量的一致性存疑。对于那些没有合适主题的 briefHallmark 会切换到 Custom 模式从头设计。这个模式的输出质量方差显然比使用已有主题更大对于需要稳定输出的生产场景要有预期管理。它不能替代设计师的判断力只能提高没有设计师时的下限。这是最重要的定位。Hallmark 的受益者是那些需要快速出一个页面但没有专职设计师的开发者团队而不是那些有精确视觉要求的设计团队。如何行动具体的上手路径安装极为简单一条命令完成npx skills add nutlope/hallmark也可以手动复制SKILL.md和references/目录到对应位置Claude Code~/.claude/skills/hallmark/Cursor.cursor/rules/hallmark.mdcSKILL.md的内容不含 frontmatterCodex~/.codex/skills/hallmark/个人或.codex/skills/hallmark/项目级对开发者的具体建议如果你正在用 AI 生成落地页或营销页先跑一次hallmark audit检查现有页面——输出的 punch list 本身就是一份值得学习的设计批评文档。如果你有一个你欣赏但说不清楚为什么喜欢的参考网站用hallmark study提取design.md然后把这个文件用在你的下一个项目 brief 里。在生产环境中使用前建议先在 usehallmark.com 的示例库里浏览各主题的实际输出建立对不同宏结构的直觉——这比阅读文档更有效。不要指望 Hallmark 解决文案质量问题。把精力放在 brief 的描述上越具体的业务语境越能激活宏结构选择的差异化逻辑。Hallmark 的本质是一个经过精心编码的设计观点集合由 Together AI 以开源方式提供。MIT 协议意味着你可以 fork 它修改那 57 条规则加入你自己团队的设计规范变成你项目专属的反同质化约束集。这可能才是它对严肃技术团队最有价值的使用方式。 参考来源GitHub - Nutlope/hallmark: Anti-AI-slop design skill for Claude Code, Cursor, and Codex. · GitHubHallmark — A design skill that refuses to look AI-generated
Hallmark一个拒绝AI味的设计技能工具深度解析问题从哪里来AI 生成 UI 的同质化困境如果你用过 Claude Code、Cursor 或 Codex 生成过任何一个落地页大概率会看到同一张脸紫色到粉色的渐变英雄区、居中排列的所有文字、Inter 字体包打天下、带圆角图标的功能卡片、以及那个永恒不变的导航栏——左边 Logo、中间四个链接、右边一个 CTA 按钮。这不是某个开发者的审美问题而是大语言模型训练数据分布的必然结果互联网上最多的 UI 代码就长这样模型只是在拟合分布中心。这个问题属于典型的渐进优化无法解决的范式问题——你无法通过调整提示词技巧来系统性地绕开它因为每一次生成都在独立地向同一个分布均值回归。Hallmark 的切入点正是这里它不是一个 UI 组件库不是一套设计 token而是一个强制打破模型默认行为的规则集以技能skill的形式注入到 AI 编码工具的上下文中。正如项目主页Hallmark — A design skill that refuses to look AI-generated所描述的它的核心承诺是两个不同的 brief 生成的页面看起来像两个不同的网站而不是同一个模板换了颜色。核心机制宏结构选择 57 道反同质化检查门理解 Hallmark最关键的不是它有多少个主题而是它的两层核心机制。第一层宏结构Macrostructure选择。大多数人以为 AI 生成 UI 的问题出在颜色或字体上实际上问题更深——它出在页面的骨架层。一个中间英雄区 功能三列 CTA 区的结构本身就是一个强信号无论你把它涂成什么颜色都难以掩盖。Hallmark 在生成前先做一件事根据 brief 的语义和类型从若干个宏结构方案中主动选择一个适配的骨架并且明确拒绝重复最近三次用过的宏结构。这意味着设计差异性从结构层就开始了而不是在样式层打补丁。第二层57 道slop 测试关卡 预输出自我批评。这是 Hallmark 最具工程意义的部分。在把代码交还给用户之前它会对生成物逐项检查 57 个已知的 AI 同质化反模式并执行一次 pre-emit self-critique——让模型在输出前对自己的生成结果进行一次审查。这套机制的价值在于它把不要生成烂东西这个软性指令转换成了一个可验证的检查清单从流程上约束了模型的默认回归行为。GitHub - Nutlope/hallmark中列出了最典型的五个反模式值得逐条理解紫色渐变英雄区最容易被识别的 AI 美学标志。修复方案是单一锚定色不做渐变背景。Inter 一字打天下展示字体和正文用同一个字体族是模板页面的典型特征。修复方案是强制字体配对一个展示字体 一个正文字体绝不同族。万物居中对称性作为默认值。修复方案是主动偏置布局宽左边距窄右边距或反之打破一次对称就足以传递设计意图。图标瓷砖功能卡圆角矩形 左上角色块图标 两行标题 三行文案这是通用模板的化身。修复方案是不对称卡片或直接去掉图标用排版主导。AI 导航栏那个被所有 LLM 默认生成的导航结构。修复方案是根据页面类型选择对应的导航原型——报纸报头、终端命令栏、边缘对齐极简风导航本身应该告诉你这是什么类型的网站。四个动词工具的使用界面设计Hallmark 将所有操作抽象成四个动词这个设计本身值得关注因为它隐含了对AI 设计辅助这个场景的完整思考动词职责默认读取 brief选宏结构应用规则集运行 slop 测试后返回页面hallmark audit path对现有代码评分输出问题清单不做修改hallmark redesign path丢弃结构保留文案、信息架构和品牌用不同指纹重建hallmark study url/截图提取你欣赏的设计的 DNA宏结构、字体配对、颜色锚点拒绝像素级克隆和付费模板可选输出design.md用于跨工具交接hallmark study特别值得单独说一下。它解决的问题是我喜欢这个网站的感觉但我不知道怎么描述它——一个设计师日常遇到但极难用语言精确表达的场景。通过提取宏结构、字体角色展示 / 正文 / 标签、颜色锚点和布局节奏它把视觉感受翻译成了可操作的设计规格并且明确拒绝复制字体识别结果或克隆像素——这在法律和伦理层面都是清醒的边界设定。八条跨主题硬规则设计哲学的编码方式正如Hallmark — A design skill that refuses to look AI-generated所列出的Hallmark 有八条在所有 20 个主题中都不可关闭的规则字体展示字体与正文字体必须配对禁止一字两用颜色OKLCH 色彩空间单一锚定色强调色占比不超过 5%间距命名比例尺4 的倍数禁止任意的 17px 这类魔法数字动效指数缓出每个动画必须有 reduced-motion 替代方案语调每个主题有独立的语言风格不用 SaaS 默认的中性腔布局主动偏置不对称是意图的体现居中一切是暴露的破绽层次展示 / 正文 / 标签三级两秒内可读懂权重梯度克制没有比差东西更好。最强的失败状态是沉默最后这条克制规则在工程上意义深远它赋予了 Hallmark 在没有合适方案时拒绝生成的权利这与大多数 AI 工具不管怎样先给你输出点什么的默认行为形成了鲜明对比。与历史路径对比这比之前的方案好在哪又牺牲了什么在 Hallmark 出现之前开发者有几种常见的应对 AI UI 同质化的方式方案一精心编写提示词。在 prompt 里手动指定字体、颜色、布局风格。问题是这需要用户具备设计知识而且每次生成都要重复这个过程规则分散在对话历史中无法系统化复用。方案二使用设计系统 / 组件库。Tailwind UI、Shadcn/ui 等。这解决了组件一致性问题但没有解决页面整体骨架的同质化问题——用同一套组件搭出来的页面依然可能长得一模一样。方案三交给专业设计师修改。有效但成本高也与 AI 辅助开发的提效目标相悖。Hallmark 的路径是把设计规则系统化地编码成 AI 工具的上下文约束一次安装持续生效不依赖用户的设计素养。这是它相比前述方案的核心进步。牺牲的东西也很清楚可控性和可预测性会下降一些。当 Hallmark 替你做宏结构决策、主题决策时如果你是一个有明确视觉意图的设计师这种主动选择可能带来摩擦。hallmark audit和hallmark study的存在部分弥补了这个问题但对于需要精确像素级控制的场景Hallmark 不是正确的工具。推演这个方向会走向哪里基于 Hallmark 的机制可以做出几个合理的推断检查门机制会被广泛借鉴。57 道反模式检查这个思路本质上是把代码审查引入了UI 生成的流程。这个模式一旦被验证有效会很快被集成进更多 AI 编码工具的内置流程中而不只是作为外部技能存在。设计 DNA 提取会成为独立产品。hallmark study的核心能力——把视觉感受翻译成结构化的设计规格文件design.md——具有比 Hallmark 本身更广泛的应用场景。它可以用于设计师之间的交接、品牌规范的传递、以及跨 AI 工具的设计一致性维护。宏结构库会持续扩张并趋向垂直化。目前 Hallmark 有 20 个主题但更重要的演化方向可能是针对特定行业SaaS、电商、媒体、金融的专化宏结构集因为同质化问题在不同行业的表现形式是不同的。诚实的边界不要过度期待Hallmark 是一个有价值的工具但有几点需要清醒认识它解决的是风格层的问题不是逻辑层的问题。生成的页面是否有合理的信息架构、是否真正传达了产品价值、文案是否准确——这些 Hallmark 管不了也不是它的职责范围。57 道检查门的有效性取决于规则集的维护质量。AI 审美的同质化模式会随时间演变——今天的反 AI 美学特征三年后可能又变成新的默认值。Hallmark 的规则集需要持续更新才能保持有效这依赖于社区的活跃维护。Custom 模式质量的一致性存疑。对于那些没有合适主题的 briefHallmark 会切换到 Custom 模式从头设计。这个模式的输出质量方差显然比使用已有主题更大对于需要稳定输出的生产场景要有预期管理。它不能替代设计师的判断力只能提高没有设计师时的下限。这是最重要的定位。Hallmark 的受益者是那些需要快速出一个页面但没有专职设计师的开发者团队而不是那些有精确视觉要求的设计团队。如何行动具体的上手路径安装极为简单一条命令完成npx skills add nutlope/hallmark也可以手动复制SKILL.md和references/目录到对应位置Claude Code~/.claude/skills/hallmark/Cursor.cursor/rules/hallmark.mdcSKILL.md的内容不含 frontmatterCodex~/.codex/skills/hallmark/个人或.codex/skills/hallmark/项目级对开发者的具体建议如果你正在用 AI 生成落地页或营销页先跑一次hallmark audit检查现有页面——输出的 punch list 本身就是一份值得学习的设计批评文档。如果你有一个你欣赏但说不清楚为什么喜欢的参考网站用hallmark study提取design.md然后把这个文件用在你的下一个项目 brief 里。在生产环境中使用前建议先在 usehallmark.com 的示例库里浏览各主题的实际输出建立对不同宏结构的直觉——这比阅读文档更有效。不要指望 Hallmark 解决文案质量问题。把精力放在 brief 的描述上越具体的业务语境越能激活宏结构选择的差异化逻辑。Hallmark 的本质是一个经过精心编码的设计观点集合由 Together AI 以开源方式提供。MIT 协议意味着你可以 fork 它修改那 57 条规则加入你自己团队的设计规范变成你项目专属的反同质化约束集。这可能才是它对严肃技术团队最有价值的使用方式。 参考来源GitHub - Nutlope/hallmark: Anti-AI-slop design skill for Claude Code, Cursor, and Codex. · GitHubHallmark — A design skill that refuses to look AI-generated
![Sprint [] Planning - [Date]](http://pic.xiahunao.cn/yaotu/Sprint [] Planning - [Date])
