你一眼就能认出 AI 生成的网页。Hallmark 的存在就是为了让 AI 自己认不出来。这个项目解决什么问题你用 Claude Code 或 Cursor 生成前端页面每次出来的东西都差不多——圆角卡片、毛玻璃背景、居中大标题、渐变色按钮。一看就是 AI 写的。不是功能有问题是没有灵魂。Hallmark 是一个 design skill装到 Claude Code/Cursor/Codex 里之后生成的 UI 页面不再有那套 AI 模板味。它不是给 AI 加更多设计技巧而是加了一道检测门——在 AI 把代码交出来之前先自己审一遍有没有 slopAI 味废话设计。核心亮点57 道 slop 检测门。Hallmark 内置了 57 条反模式规则覆盖颜色、布局、字体、间距、动效——任何看起来像 AI 做的设计模式都会被标记。不是审美建议是硬性规则。通不过就不输出。20 套不重复的主题 Custom 模式。20 套主题不是换色方案每套有自己的骨架结构macrostructure。同一个 prompt 用不同主题跑出来是截然不同的页面。如果 20 套都不对Custom 模式从零设计——没有模板没有预设只有规则约束。四个动词build / audit / redesign / study。Build 是默认输出新 UIAudit 可以给你已有的页面打分告诉你哪里 slop 了Redesign 保留文案和品牌信息换骨架Study 从你喜欢的设计里提取 DNA生成可复用的设计规范文件。维度Hallmark无 skill 的 Claude Code传统 CSS 框架防 AI 味57 道检测门无不适用主题多样性20 套 Custom千篇一律有限自省能力audit/study/redesign无无上手门槛npx skills add 即可无需学习框架三者的关系Hallmark 不是替代 Tailwind 或 Bootstrap而是让 AI 在使用这些工具时不在输出上留下 AI 痕迹。快速上手一条命令装到 Claude Codenpx skillsaddnutlope/hallmark之后写前端的时候加一句hallmark指令# 默认模式生成新 UIhallmark 帮我做一个 SaaS 产品介绍页# 审计模式检查已有代码hallmark audit ./index.html我的评价Hallmark 最聪明的地方不是它设计了多好的页面而是它定义了什么是AI 味。57 条规则不是随便写的——它们是从大量 AI 生成的设计中提炼出来的反模式。这本身就是一份有价值的设计指南。不过也要说实话Hallmark 是一个 skill规则集不是设计系统。它的效果取决于底层模型的能力。如果 Claude Code 本身生成的代码质量不够规则再多也救不回来。而且当前只有 20 套主题高强度使用后难免审美疲劳。如果你在用 AI 写前端而且在意最终产品的质感值得一试。如果你本来就自己写 CSS那 Hallmark 的 audit 模式可以作为代码审查的工具——它发现的问题可能是你没注意到的习惯性 slop。一个有意思的细节Together AI 出品这个项目不是偶然的。他们做模型推理基础设施每天看着大量 AI 生成的前端页面——最清楚 AI 味的来源是什么。Hallmark 本质上是一份AI 自己教自己如何不 AI的设计规范这个 meta 层面本身就值得玩味。
