Together AI 开源 hallmark：逼 Claude 和 Cursor 做出没有「AI 味」的网页

hallmark 是 Together AI 开发者 Nutlope 开源的一套设计 skill，能给 Claude Code、Cursor、Codex 和 OpenCode 装上，目的只有一个：逼大模型别再生成千篇一律、充满「AI 味」的前端界面。

大模型写前端有个通病。你不特意约束，它就会掉进分布内的默认审美：大面积紫色渐变、标题上方莫名其妙的 eyebrow 小标签、全大写加宽间距的按钮、标题里非要单把一个词染成彩色，或者页面底部永远跟着一个不管用的邮箱订阅框。hallmark 就是为了把这些默认值一条条否决掉。

它能做什么

hallmark 并不直接给你现成模板，而是把设计拆成了可执行的工作流。

它内置了 50 种材料主题。所谓主题不是版式，而是质感、字体、配色、组件表面风格和质感的组合，每个主题文件不超过 8 KB，并配有一张完成效果图。同一个主题喂给两个不同的需求，排出来的页面结构完全不一样。

如果你不想用内置主题，直接对它说 custom，它就会完全从你的 prompt 重新提炼核心概念，独立设计一整套配色、字体和布局。

在生成页面时，它会先根据任务性质决定宏观结构。预检阶段读取你的项目配置，要求提供真实的截图、照片和数字，绝不凭空编造事实。它甚至自带了一份包含 755 张 Wikimedia Commons 开源照片的清单，按需调用并附上署名，避开禁止 AI 抓取的商业图库。

除了从头生成，它还支持两个核心命令。输入 /hallmark redesign 加上路径，它会在保留原有文案、链接、事件处理函数和信息架构的前提下，彻底重构整个视觉系统和布局；输入 /hallmark audit 加上路径，它则只排查反模式并出具报告，不动手改代码。

每次交付的结果都是完全独立的自包含 HTML 和 CSS，并在 CSS 的首行注释里完整记录这次做出的所有设计决策。

怎么拦截「AI 味」

hallmark 最硬核的地方，在于它把审美审查做成了真正能跑的浏览器自动化流水线。

它的审查关卡分为几个层级。最底层是「底线（The Floor）」，包括对比度、无障碍焦点、减少动画支持、禁止虚构事实以及移动端自适应。只要底线不合格，代码绝对不能交付。

第二层是「条件反射关卡（Reflex gates）」，专门用来阻击大模型的偷懒惯性，也就是那几十道排查机制。遇到没有明确理由的套模板特征，一律就地否决。

在生成流程上，它会单独把 Hero 首屏揪出来，在未构建剩余页面前先渲染并冷启动评审。随后，通过内置的 sloplint 脚本在真实浏览器里跑 8 种视口宽度的渲染测试，最后再由一个带着全新上下文的 subagent 充当审查员，进行把关。

怎么跑起来

hallmark 采用 MIT 许可证完全开源，可以在 GitHub 直接下载。

安装只需要全局运行一条命令：npx skills add nutlope/hallmark -g。不加 -g 参数则只装进当前项目。在 Claude Code 里也可以通过插件市场直接添加。

硬件和环境方面，它需要 Node 18 或更高版本。如果你想运行完整的浏览器审查和截图功能，需要通过 npm 安装 puppeteer-core 并配置本地 Chrome；如果没有这些环境，静态规则检查依然可以独立运行。

为什么重要

对于用 AI 写前端的独立开发者或小团队来说，现在能生成网页已经不稀奇了，能交付「看不出是 AI 写的」网页才是真正的门槛。hallmark 聪明的地方在于，它没有去教模型空洞的美学理论，而是把设计师的经验变成了可测试、可阻断的代码规则与浏览器验收标准。如果你经常被大模型那种千篇一律的紫渐变和假卡片折磨，这个开源工具非常值得立刻挂到你的编程助手里试一试。