alitrack

14K Star,专治AI生成的千篇一律网页

如果你让 Claude Code 或 Cursor 写一个 SaaS 落地页,你会得到一个紫色到蓝色的渐变 Hero、Inter 字体、居中标题、三列图标功能卡、右下角一个 CTA 按钮。 让它再写一个——换个产品名,换个色系。但骨架一模一样。 这个问题有个名字: AI Slop (AI 设计同质化)。今年 5 月,Together AI 开源了一个叫 Hallmark 的工具,14,178 Star、705 Fork,目标只有一个: 让 AI 编程助手拒绝生成千篇一律的网页 。 安装只要一行:
npx skills add nutlope/hallmark
● ● ●

颜色不是问题,问题在骨架

市面上已经有一些解决 AI 设计同质化的工具。Anthropic 的 frontend-design skill 教 AI"该长什么样";Impeccable 有 46 条规则检测"哪里像 AI 写的"。但 Hallmark 的切入点不一样。 Hallmark 的核心判断是: AI 生成页面的问题不是颜色雷同,是结构雷同 。三个页面如果都走 Hero → 3 Features → CTA → Footer 的骨架,换了颜色和字体也还是克隆人。 所以 Hallmark 定了一条铁律: 连续两个输出不能共享同一个 macrostructure(页面骨架) 。 ● ● ●

21 种骨架,每次都不一样

Hallmark 内置了 21 种命名的页面骨架,从 Bento Grid、Marquee Hero、Stat-Led、Long Document,到 Manifesto、Photographic、Quote-Led、Letter……覆盖了几乎所有非平凡的页面形状。 每次生成前,Hallmark 先读 .hallmark/log.json ,确认上次用了什么骨架,然后从其他 20 种里挑一个。输出结果在 CSS 注释里盖上戳:
/* Hallmark · macrostructure: Marquee Hero · theme: Atelier */
以此保证两个页面确实长得不一样——不是换了色板的同一个页面。 ● ● ●

57 道质量门,有一道不过就打回重做

Hallmark 在输出代码之前还跑一道 slop test ,57 个门,一个"是"就失败。 几类典型检查:
类别 检查内容
视觉 用了 Inter 做标题?紫色渐变?emoji 当功能图标?
结构 连续两次用了同一个骨架?每个 section 间距一样?
微交互 transition: all ?hover 放大 5%?没有 reduced-motion?
诚实 编了 "+47% 转化率"?编了客户 logo?
排版 页面超过 3 个字体了?斜体标题(AI 最爱)?
无障碍 对比度不达标?按钮文字和底色一样?
更关键的是,Hallmark 先让模型做一次 6 轴自评 ——Philosophy(设计背后的"为什么")、Hierarchy(层级清晰度)、Execution(细节执行)、Specificity(差异化)、Restraint(克制)、Variety(多样性)——任何一轴低于 3 分就触发修订。不是生成完再查,是 模型自己先想一遍再交卷 。 ● ● ●

四个动词,不只是"生成"

Hallmark 不是一个只做"generate"的工具。它暴露四个操作:
  1. 01 default — 正常构建新 UI,选骨架选主题跑质量门
  2. 02 hallmark audit — 对现有页面打分,只出诊断不改代码
  3. 03 hallmark redesign — 保留文案和信息架构,换个骨架重建
  4. 04 hallmark study — 截图或 URL 输入,提取设计 DNA(骨架、字体配对、色彩锚),但不复制像素
study 是 Hallmark 最独特的能力。你贴一张喜欢的网站截图,它诊断结构而不复制颜色和字体,然后输出一个 design.md ,交给其他 AI 工具也能用。
Hallmark 工作流程
Hallmark 工作流程 ● ● ●

与竞品的关系

Hallmark Impeccable Taste Skill
定位 反模式规则注入 完整设计系统 像素级 AI 指纹修复
核心能力 结构多样性 46 条检测 + CI 视觉反模式
适用场景 已有设计系统,修"骨架同质化" 从零开始建完整视觉 快速修视觉指纹
Stars 14K 46K ~5K
总结:Impeccable 告诉 AI"该长什么样",Hallmark 告诉 AI"不该长什么样"+"每次要长得不一样"。两者可以同时用。 ● ● ●

更深层的信号

Hallmark 背后是 Together AI(估值 5.33 亿美元,360 人)。MIT 协议开源,不收钱。逻辑很清晰—— 平台 play :免费给开发者好用的工具 → 占据心智份额 → 自然引导到 Together AI 的推理基础设施。 但这种模式的可迁移性不止于此。57 条规则会过时——AI 的训练数据在变,模型默认口味也在变,规则需要持续维护。 真正可迁移的是架构选择:Skill 作为模型输出的拦截层。 一个轻量 skill 文件插入到模型和用户之间,在输出到达屏幕前施加质量门。这个模式可以用于安全审计、无障碍检查、品牌一致性——不只是设计。代码质量、安全、可访问性,都可以复制这套"pre-emit gate + self-critique"的模式。 ● ● ●

试一下?

npx skills add nutlope/hallmark
安装后直接让 Claude Code 或 Cursor 生成 UI,Hallmark 会自动介入。或者试试 audit 模式,拿你现有的页面跑一遍,看看踩了多少 AI 设计指纹。 你已经让 AI 写了很多页面。它们现在长得都像同一个模板的话——试试给它加一个说"不"的工具。 相关链接 :GitHub: github.com/Nutlope/hallmark | 官网: usehallmark.com | 许可证: MIT