Hallmark：免费开源技能，让Claude Code告别AI味网站

用 Claude Code、Cursor 或 Codex 生成网页时，你是否也遇到过似曾相识的“AI 味”设计？那种千篇一律的大标题、每个标题里总有一个彩色词语、空洞的占位文案。最近，一个名为 Hallmark 的开源项目试图解决这个问题，据说已有近 5 万名开发者下载使用。

据 YouTube 频道 Tech Lens 介绍，Hallmark 由 Together AI 推出，是一个免费开源的“技能”，专门用来阻止 AI 编程工具生成千篇一律的网站。它的核心思路并非简单地更换模板，而是从工作流层面介入，让 AI 在动手写代码前先“讲人话”。

为什么 AI 生成的网站总是一个样？

问题根源在于大语言模型倾向于选择概率最高的设计模式。重复的提示词会导向重复的布局、重复的配色、重复的文案结构。Tech Lens 在视频中做了一个直观对比：用同一个提示词让 AI 生成两个页面，结果两个页面在设计上犯下了 26 个“设计错误”，而使用 Hallmark 后错误数量为零。

这些错误未必是代码层面的 bug，更多是审美层面的“偷懒”——比如每个标题都嵌一个亮色单词，或者用虚构的统计数字填充页面。

大语言模型生成设计时倾向于选择概率最高的模式，这一现象与采样策略和训练数据偏差密切相关。默认情况下，模型常以较低的温度或贪心解码生成内容，导致输出高度收敛于训练语料中最常见的布局和文案套路。此外，网页设计数据中大量存在模板化站点，模型学到的“设计先验”本身就偏向同质化。即便提高随机性，模型也缺乏对具体业务语境的理解，容易套用通用结构。因此，仅靠调整提示词难以根治“AI 味”，需要像 Hallmark 这样在工作流层面注入真实素材与随机化人工设计元素来打破模式。

Hallmark 如何工作：先收集真实素材，再动手设计

Hallmark 的第一步会让用户提供真实的照片和真实的数据，并且坚持不编造内容。

这一点很关键。AI 生成网站常常用“Lorem ipsum”式的假文案或者虚构的“5000+ 用户”来撑场面，Hallmark 从源头掐断了这种可能。接下来，它会从 50 个手工制作的主题中挑选三个，然后从零开始布局页面。这意味着两个使用相同提示词的项目，最终产出的网站也不会长得一模一样。

据 Tech Lens 的描述，这种随机性与人工设计的结合，让每个站点都能拥有独立的视觉语言。

Lorem ipsum 是设计界长期使用的拉丁文占位文本，源于古罗马著作，因无实际语义而被用于排版演示。在 AI 生成网页的场景中，模型常自动填充类似占位文案或虚构统计数据（如“5000+ 用户”），导致页面看似完整却缺乏真实信息。Hallmark 要求用户提供真实照片和数据，正是为了从源头消除这种“占位符依赖”，迫使设计围绕真实内容展开，从而自然产生差异化布局与文案。

发布前自动审查：在真实浏览器里揪出 AI 痕迹

完成页面构建后，Hallmark 还有一个“质检”环节：它会在真实浏览器中打开你的页面，然后搜寻各种 AI 痕迹，比如标题里那个标志性的彩色单词。

这种基于浏览器实际渲染的检查方式，比静态代码审查更接近真实用户体验。它能捕捉到只有页面渲染后才能发现的视觉模式，比如排版节奏、颜色重复度等。

真实浏览器渲染检查指通过无头浏览器（如 Puppeteer 或 Playwright）加载页面，获取最终计算样式和布局信息。与静态代码审查不同，渲染后检查能发现 CSS 层叠、字体回退、响应式断点等动态效果，尤其适合捕捉视觉重复模式（如标题彩色词、间距节奏单一）。这种自动化质检将“AI 痕迹”转化为可量化的视觉特征，比人工目测更高效，也弥补了纯代码分析无法感知最终观感的缺陷。

已有网站也能一键重构

如果你已经有一个网站，但想让它摆脱 AI 味，可以使用斜杠命令 /hallmark redesign。Hallmark 会重建页面结构，同时保留你原有的内容。

这个功能对于已经上线的项目尤其友好——不需要从头再来，也不需要手动迁移内容。

免费开源，但信息仍有限

Hallmark 完全免费且开源，项目链接在 Tech Lens 视频的描述中。不过需要指出，目前关于 Hallmark 的公开信息主要来自这一条视频介绍，其实际效果、兼容性以及长期维护情况尚缺乏更多独立来源的验证。近 5 万开发者的下载量是一个积极的信号，但如果你打算在生产环境中使用，建议先在小型项目上测试。

AI 编程工具极大提升了建站效率，却也带来了审美同质化的问题。Hallmark 代表了一种新的思路：不改变模型本身，而是通过工作流约束和真实素材注入，让 AI 的输出更具个性。对于追求设计品质的开发者来说，这或许是一个值得关注的免费工具。