告别千篇一律的AI网页，这个项目专治“AI味”

你是否察觉到一个令人尴尬的现象：借助 Claude Code、Cursor 等各类 AI 编程助手构建的网页，往往呈现出惊人的雷同感。

灰白底色、圆角元素、居中布局、渐变按钮...... 10 个 AI 生成的页面，有 9 个如同出自同一个模版。并非难看，而是那种“精致却缺乏灵魂”的 AI 气息。

业内将此现象戏称为 AI Slop（AI 垃圾）。虽功能无误，但总感觉不像人类手工打造。

近日，GitHub 上有一款项目备受瞩目，斩获 12000+ 星标，正是为了解决这一顽疾。

它的名字叫 Hallmark，由 Together AI 团队开发。

它既非设计软件，亦非 UI 框架，而是一个“技能包”。将其植入 AI 编程工具后，可令 AI 在生成前端代码时，自动通过 57 项去 AI 味检测。

比喻来说：AI 犹如一位技术精湛但审美为零的程序员，产出功能完备但视觉上令人不适。Hallmark 则如同为其配备了一位设计总监，每次交付前必须经其过目。

Hallmark 的设计理念颇为硬核，绝非简单的“换色”或“调字”。

20 套主题体系

并非那种“浅灰/深蓝/暖橙”的肤浅换皮。每套主题拥有独立的排版结构、字体组合及色彩基准。两个不同需求的页面，经 Hallmark 生成后，宛如两个截然不同的站点，而非同一模版的改色版。

4 个核心操作指令

• build：从零搭建新 UI，自动匹配宏观结构与主题

• audit：对现有代码进行评分，罗列所有 AI 味问题，不修改代码

• redesign：推翻结构但保留文案与品牌，利用新指纹重建

• study：从你偏好的截图或网站中提取设计 DNA，杜绝像素级抄袭

57 道去 AI 味关卡

这是其最锋利之处。每次生成代码后，Hallmark 将执行 57 项检测，涵盖：

• 布局是否陷入“AI 默认分布”（如始终居中、绝对对称）

• 字体搭配是否具备辨识度

• 色彩是否过于保守

• 交互细节是否带有“人情味”

• 整体是否具有明确的设计意图

任何一关未达标，即退回重做。

Custom 模式

当需求极具独特性，20 套主题无法适配时，Hallmark 将切换至 Custom 模式，从零设计色板、字体与布局。同样的 57 道关卡，但无模板依托。

安装过程极为简便，仅需一行命令：

兼容三大主流 AI 编程工具：

• Claude Code：安装至 ~/.claude/skills/hallmark/

• Cursor：安装至 .cursor/rules/hallmark.mdc

• Codex：安装至 ~/.codex/skills/hallmark/

安装完毕后，你只需正常与 AI 交互让其编写页面。Hallmark 将在后台自动运行，生成的代码将包含去 AI 味的处理。

想审计现有项目？直接执行：

想从心仪的设计中汲取灵感？

它将提取宏观结构、字体组合及色彩基准，生成一份可移植的 design.md。

谈几点客观评价。

优势：

• 击中真实痛点。AI 生成的前端代码确实存在严重的同质化问题，Hallmark 是目前最系统的应对方案。

• 机制设计扎实。57 道关卡非虚言，而是切实约束 AI 的设计决策空间。

• 兼容性强。不绑定特定框架，Claude Code / Cursor / Codex 均可使用。

• MIT 协议，可自由商用。

局限性：

• 本质是提示词工程的极致，非真正的模型微调。效果依赖底层模型的理解力。

• 对复杂交互场景（动画、3D、复杂状态管理）覆盖有限，更擅长静态展示页。

• 20 套主题 + Custom 模式虽多，但高频使用后亦可能出现新的“Hallmark 味”。

• 目前主要面向单页场景，对多页面应用的整体设计系统支持尚不明确。

适用人群：

• 使用 AI 工具制作原型、落地页、个人项目前端的开发者。

• 厌倦 AI 生成页面“千篇一律”的设计师。

• 想快速产出有设计感 demo 以应付甲方的产品经理。

不适用人群：

• 需严格遵循品牌规范的企业级项目。

• 复杂 SPA 应用的整体架构设计。

• 对像素级还原有要求的设计团队。

项目地址：https://github.com/Nutlope/hallmark

在线演示：https://www.usehallmark.com

一句话总结：AI 编程不缺技术，缺审美。Hallmark 恰好补齐了这块短板。