你有没有过这种经历:让 AI 帮你写个落地页,它三秒钟给你吐出来一个。你满心欢喜地打开一看,紫色渐变、三列卡片、Inter 字体、居中的 Hero 区域,跟上周生成的另一个页面不能说一模一样,只能说换了张皮。
你以为是自己的提示词不够精准,于是花半小时写了一段极其详细的描述:要现代、要极简、要高级感。AI 点点头,重新生成了一遍。这次它把紫色换成了蓝色,然后一切照旧。
问题不在你,在 AI 的“舒适区”。所有大语言模型都训练自同一批互联网数据,默认会收敛到那个最安全、最平庸的设计分布中心 。结果就是,AI 生成的每一个页面,都像是同一家 SaaS 公司雇的同一个设计师做的第 100 个版本。
所以你说AI虽然很强吧,但是说到品味的话,他是一点没有啊
直到我闲逛的时候发现了Hallmark。
🚨 Hallmark 是什么?
Hallmark 是 Together AI 团队开源的一个反 AI-slop 设计 Skill,专门给 Claude Code、Cursor 和 Codex ,opencode用 。它的自我介绍极其嚣张:“A design skill that refuses to look AI-generated.”(一个拒绝看起来像 AI 生成的设计技能。)
截至 2026 年 10 月,这个项目在 GitHub 上已经攒了超过 3.2 万 Star 。一个“反 AI 味”的 Skill 能火成这样,说明被 AI 设计丑哭的人,远不止我一个。
🧠 它是怎么做到的?
Hallmark 的核心逻辑,是把“审美”从玄学变成可执行的流水线。你给它一个需求,它会走完这套流程:
第一步:选结构。它内置了21 种宏观结构(macrostructure),每次根据你的需求挑一个。不是“选个模板”,是真的从结构层面就做出区分。一个蜂蜜农场的页面和一个 AI 推理工具的页面,骨架就不该长一样 。
第二步:套主题。它准备了20 多套主题,从 Distil、Cold Snap 到 Bubble、Garden、Riso,风格跨度大到像是不同设计师的作品集 。
受够了 AI 生成的网页长得像同一个模子?这个 3 万 Star 的 Skill 专治“AI 味”
你有没有过这种经历:让 AI 帮你写个落地页,它三秒钟给你吐出来一个。你满心欢喜地打开一看,紫色渐变、三列卡片、Inter 字体、居中的 Hero 区域,跟上周生成的另一个页面不能说一模一样,只能说换了张皮。
你以为是自己的提示词不够精准,于是花半小时写了一段极其详细的描述:要现代、要极简、要高级感。AI 点点头,重新生成了一遍。这次它把紫色换成了蓝色,然后一切照旧。
问题不在你,在 AI 的“舒适区”。所有大语言模型都训练自同一批互联网数据,默认会收敛到那个最安全、最平庸的设计分布中心 。结果就是,AI 生成的每一个页面,都像是同一家 SaaS 公司雇的同一个设计师做的第 100 个版本。
直到我发现了Hallmark。
🚨 Hallmark 是什么?
Hallmark 是 Together AI 团队开源的一个反 AI-slop 设计 Skill,专门给 Claude Code、Cursor 和 Codex 用 。它的自我介绍极其嚣张:“A design skill that refuses to look AI-generated.”(一个拒绝看起来像 AI 生成的设计技能。)
翻译一下:别的工具在帮 AI 生成页面,Hallmark 在逼 AI别偷懒。
截至 2026 年 10 月,这个项目在 GitHub 上已经攒了超过 3.2 万 Star 。一个“反 AI 味”的 Skill 能火成这样,说明被 AI 设计丑哭的人,远不止我一个。
🧠 它是怎么做到的?
Hallmark 的核心逻辑,是把“审美”从玄学变成可执行的流水线。你给它一个需求,它会走完这套流程:
第一步:选结构。它内置了21 种宏观结构(macrostructure),每次根据你的需求挑一个。不是“选个模板”,是真的从结构层面就做出区分。一个蜂蜜农场的页面和一个 AI 推理工具的页面,骨架就不该长一样 。
第二步:套主题。它准备了20 多套主题,从 Distil、Cold Snap 到 Bubble、Garden、Riso,风格跨度大到像是不同设计师的作品集 。
受够了 AI 生成的网页长得像同一个模子?这个 3 万 Star 的 Skill 专治“AI 味”
你有没有过这种经历:让 AI 帮你写个落地页,它三秒钟给你吐出来一个。你满心欢喜地打开一看,紫色渐变、三列卡片、Inter 字体、居中的 Hero 区域,跟上周生成的另一个页面不能说一模一样,只能说换了张皮。
你以为是自己的提示词不够精准,于是花半小时写了一段极其详细的描述:要现代、要极简、要高级感。AI 点点头,重新生成了一遍。这次它把紫色换成了蓝色,然后一切照旧。
问题不在你,在 AI 的“舒适区”。所有大语言模型都训练自同一批互联网数据,默认会收敛到那个最安全、最平庸的设计分布中心 。结果就是,AI 生成的每一个页面,都像是同一家 SaaS 公司雇的同一个设计师做的第 100 个版本。
直到我发现了Hallmark。
🚨 Hallmark 是什么?
Hallmark 是 Together AI 团队开源的一个反 AI-slop 设计 Skill,专门给 Claude Code、Cursor 和 Codex 用 。它的自我介绍极其嚣张:“A design skill that refuses to look AI-generated.”(一个拒绝看起来像 AI 生成的设计技能。)
翻译一下:别的工具在帮 AI 生成页面,Hallmark 在逼 AI别偷懒。
截至 2026 年 10 月,这个项目在 GitHub 上已经攒了超过 3.2 万 Star 。一个“反 AI 味”的 Skill 能火成这样,说明被 AI 设计丑哭的人,远不止我一个。
🧠 它是怎么做到的?
Hallmark 的核心逻辑,是把“审美”从玄学变成可执行的流水线。你给它一个需求,它会走完这套流程:
第一步:选结构。它内置了21 种宏观结构(macrostructure),每次根据你的需求挑一个。不是“选个模板”,是真的从结构层面就做出区分。一个蜂蜜农场的页面和一个 AI 推理工具的页面,骨架就不该长一样 。
第二步:套主题。它准备了20 多套主题,从 Distil、Cold Snap 到 Bubble、Garden、Riso,风格跨度大到像是不同设计师的作品集 。
第三步:跑检测。生成之后,它会自动运行57 道 slop 检测门,专门抓那些 AI 最爱用的反模式:泛蓝紫渐变、三等分卡片、毫无必要的居中英雄区、假浏览器框 。
第四步:自检。输出前再来一轮自我审查,不合格就重来。
效果就是:用 Hallmark 生成的两个页面,看起来像两个完全不同的网站,而不是同一个模板的换色版。
🛠️ 四个动词,覆盖完整工作流
Hallmark 不是只能“从零生成”,它把设计工作拆成了四个动作 :
1.hallmark(默认)
从零构建新 UI。选结构、套主题、跑检测、自检,一条龙。
2.hallmark audit <目标>
只看病,不动刀。给它一个现有的页面文件,它会打分并列出所有 AI 设计反模式,生成一份修复清单,但不修改任何代码。适合接手别人项目时先做个“设计体检”。
3.hallmark redesign <目标>
保留文案和品牌,推倒重来。它扔掉原有的结构,但保留你的文案、信息架构和品牌元素,用一套全新的设计指纹重建整个页面 。不是修修补补,是换骨头。
4.hallmark study <截图或 URL>
提取设计 DNA。看到一个喜欢的网页,把截图或链接丢给它,它会分析出宏观结构、字体搭配、色彩锚点,生成一个可移植的design.md文件,供其他 AI 工具参考 。但它明确拒绝像素级克隆和付费模板,只学思路,不抄图。
📦 安装:一行命令
npx skillsaddnutlope/hallmarkClaude Code、Cursor、Codex 三家通吃,想更新就把命令重跑一遍 。
手动安装也行,把文件放到对应目录:
- Claude Code:
~/.claude/skills/hallmark/ - Cursor:
.cursor/rules/hallmark.mdc - Codex:
~/.codex/skills/hallmark/(全局)或.codex/skills/hallmark/(项目级)
🤔 值不值得装?
如果你只是偶尔让 AI 写个内部工具页面,无所谓长什么样,那 Hallmark 对你来说可能有点“小题大做”。
但如果你在做一个要给用户看、要给投资人看、要给世界看的产品,而你的 AI 每次生成的页面都让你觉得“好像在哪见过”,那 Hallmark 就是那个坐在 AI 旁边、对俗套设计极度不耐烦的创意总监 。它不会让你的 AI 变得更聪明,但它会让你的 AI 生成的页面,不再像是批量生产的。
毕竟,功能可以趋同,但页面长得跟一万个网站撞脸,产品就真没脸见人了。
第三步:跑检测。生成之后,它会自动运行57 道 slop 检测门,专门抓那些 AI 最爱用的反模式:泛蓝紫渐变、三等分卡片、毫无必要的居中英雄区、假浏览器框 。
第四步:自检。输出前再来一轮自我审查,不合格就重来。
效果就是:用 Hallmark 生成的两个页面,看起来像两个完全不同的网站,而不是同一个模板的换色版。
🛠️ 四个动词,覆盖完整工作流
Hallmark 不是只能“从零生成”,它把设计工作拆成了四个动作 :
1.hallmark(默认)
从零构建新 UI。选结构、套主题、跑检测、自检,一条龙。
2.hallmark audit <目标>
只看病,不动刀。给它一个现有的页面文件,它会打分并列出所有 AI 设计反模式,生成一份修复清单,但不修改任何代码。适合接手别人项目时先做个“设计体检”。
3.hallmark redesign <目标>
保留文案和品牌,推倒重来。它扔掉原有的结构,但保留你的文案、信息架构和品牌元素,用一套全新的设计指纹重建整个页面 。不是修修补补,是换骨头。
4.hallmark study <截图或 URL>
提取设计 DNA。看到一个喜欢的网页,把截图或链接丢给它,它会分析出宏观结构、字体搭配、色彩锚点,生成一个可移植的design.md文件,供其他 AI 工具参考 。但它明确拒绝像素级克隆和付费模板,只学思路,不抄图。
📦 安装:一行命令
npx skillsaddnutlope/hallmarkClaude Code、Cursor、Codex 三家通吃,想更新就把命令重跑一遍 。
手动安装也行,把文件放到对应目录:
- Claude Code:
~/.claude/skills/hallmark/ - Cursor:
.cursor/rules/hallmark.mdc - Codex:
~/.codex/skills/hallmark/(全局)或.codex/skills/hallmark/(项目级)
💡 一个值得注意的细节
Hallmark 有一个叫Custom的隐藏分支。当你的需求太特殊、20 套主题都套不上时,它会从零定制配色、字体和布局,但依然要过那 57 道检测门。这意味着即使走“自由创作”路线,它也不会掉回 AI 的舒适区。
🤔 值不值得装?
如果你只是偶尔让 AI 写个内部工具页面,无所谓长什么样,那 Hallmark 对你来说可能有点“小题大做”。
但如果你在做一个要给用户看、要给投资人看、要给世界看的产品,而你的 AI 每次生成的页面都让你觉得“好像在哪见过”,那 Hallmark 就是那个坐在 AI 旁边、对俗套设计极度不耐烦的创意总监 。它不会让你的 AI 变得更聪明,但它会让你的 AI 生成的页面,不再像是批量生产的。
毕竟,功能可以趋同,但页面长得跟一万个网站撞脸,产品就真没脸见人了。
第三步:跑检测。生成之后,它会自动运行57 道 slop 检测门,专门抓那些 AI 最爱用的反模式:泛蓝紫渐变、三等分卡片、毫无必要的居中英雄区、假浏览器框 。
第四步:自检。输出前再来一轮自我审查,不合格就重来。
效果就是:用 Hallmark 生成的两个页面,看起来像两个完全不同的网站,而不是同一个模板的换色版。
🛠️ 四个动词,覆盖完整工作流
Hallmark 不是只能“从零生成”,它把设计工作拆成了四个动作 :
1.hallmark(默认)
从零构建新 UI。选结构、套主题、跑检测、自检,一条龙。这个也是我比较喜欢用的
2.hallmark audit <目标>
只看病,不动刀。给它一个现有的页面文件,它会打分并列出所有 AI 设计反模式,生成一份修复清单,但不修改任何代码。适合接手别人项目时先做个“设计体检”。
3.hallmark redesign <目标>
保留文案和品牌,推倒重来。它扔掉原有的结构,但保留你的文案、信息架构和品牌元素,用一套全新的设计指纹重建整个页面 。不是修修补补,是换骨头。
4.hallmark study <截图或 URL>
提取设计 DNA。看到一个喜欢的网页,把截图或链接丢给它,它会分析出宏观结构、字体搭配、色彩锚点,生成一个可移植的design.md文件,供其他 AI 工具参考 。但它明确拒绝像素级克隆和付费模板,只学思路,不抄图。
📦 安装:一行命令
npx skillsaddnutlope/hallmarkClaude Code、Cursor、Codex ,opencode通吃,想更新就把命令重跑一遍 。
手动安装也行,把文件放到对应目录:
- Claude Code:
~/.claude/skills/hallmark/ - Cursor:
.cursor/rules/hallmark.mdc - Codex:
~/.codex/skills/hallmark/(全局)或.codex/skills/hallmark/(项目级)
🤔 值不值得装?
如果你只是偶尔让 AI 写个内部工具页面,无所谓长什么样,那 Hallmark 对你来说可能有点“小题大做”。
但如果你在做一个要给用户看、要给投资人看、要给世界看的产品,而你的 AI 每次生成的页面都让你觉得“好像在哪见过”,那 Hallmark 就是那个坐在 AI 旁边、对俗套设计极度不耐烦的创意总监 。它不会让你的 AI 变得更聪明,但它会让你的 AI 生成的页面,不再像是批量生产的。
毕竟,功能可以趋同,但页面长得跟一万个网站撞脸,产品就真没脸见人了。