SkillCast 首批精选 Skill 正在整理中 查看市场 →
人工核验

Hallmark:让 AI 界面告别“AI 味”的设计技能

为 Claude Code、Cursor 和 Codex 设计的一款技能,通过 21 套主题、4 个操作指令和 57 项“AI 俗套”检测,让 AI 生成的网页界面看起来像出自人手,而非模板拼凑。

设计反AI痕迹UI设计Claude CodeCursorCodex

这是什么

Hallmark 是一个专门为 AI 编程助手(Claude Code、Cursor、Codex)打造的设计技能。它的核心使命是:让 AI 生成的界面看起来很“人工”,而不是一眼就像 AI 批量生产的模板货。作者是 nutlope,由 Together AI 团队开发,采用 MIT 协议开源。

这个技能会先为你的设计需求挑选一个宏观结构,然后从 21 套主题中选一件“外衣”,再经过 57 项“AI 俗套测试”以及输出前的自我批判,最终拒绝所有大模型潜意识里的标准答案。用 Hallmark 生成的两个不同页面,会像不同设计师的作品,而不是同一个模板换颜色。

适合谁

如果你正在使用 AI 编码助手做网页、落地页、产品界面,又不满意默认输出的千篇一律风格,那么这个技能就是为你准备的。无论你是独立开发者、设计师、产品经理,还是“一人公司”创业者,只要希望 AI 帮你产出有独特质感的界面,都值得一试。它特别适合那些对“AI 痕迹”敏感、追求高质量视觉呈现的创作者。

能做什么

Hallmark 提供四个核心操作动词(默认、audit、redesign、study),分别对应不同场景:

  • 默认(新建):根据你的需求描述,从零构建新 UI,自动匹配合适的宏观结构和主题,并执行俗套检测。
  • hallmark audit <目标>:对现有代码进行评分,列出它犯了哪些“AI 俗套”错误,生成问题清单但不改动代码。
  • hallmark redesign <目标>:彻底推翻原有结构,保留文案、信息架构和品牌调性,用另一种设计指纹重建页面。
  • hallmark study <截图或URL>:从你欣赏的设计中提取“DNA”——包括宏观结构、字体搭配、色彩锚点,可选输出一份可移植的 design.md 文件,便于交给其他 AI 工具继续创作。

除了固定的主题目录,当某个需求带有明显创意意图但现有主题都不契合时,Hallmark 会进入 Custom 模式,完全从零设计页面,包括定制配色、字体和布局,同样通过 57 项检测,背后没有任何模板。

使用前准备

安装前需要确认你的环境中具备 npx 命令(一般 Node.js 自带)。同时你需要已经安装并配置好 Claude Code、Cursor 或 Codex 中的至少一种。此外,你需要大致清楚自己想要的设计方向,哪怕只是一个概念描述,Hallmark 能帮你把它转化成具体的视觉方案。

安装方法

推荐使用 npx 一键安装,随时重跑即可更新:

npx skills add nutlope/hallmark

如果想要手动安装,也可以把 SKILL.md 和 references/ 目录复制到对应工具的技能目录:

  • Claude Code:复制到 ~/.claude/skills/hallmark/
  • Cursor:把 SKILL.md 的内容(不带 frontmatter)写入 .cursor/rules/hallmark.mdc
  • Codex:复制到 ~/.codex/skills/hallmark/(个人)或 .codex/skills/hallmark/(项目级)

规则集位于 SKILL.md 和 references/ 文件夹中,文档里有 docs/recipes.md 和 docs/study-examples.md 提供更多实例。

使用示例

示例一:用默认模式生成一个新页面。在 Claude Code 中简单地描述一个“酸面包制作 App 的落地页”,Hallmark 会选取 Bubble 主题、Hum 宏观结构,最终产出一个带手绘感的指南页,而不是常见的企业模板。

示例二:用 hallmark audit 审查现有项目。输入目标 URL 或文件路径,它会输出一张“反模式”清单,告诉你哪里看起来像 AI 生成,以及如何修正。

示例三:用 hallmark study 学习一个你喜欢的网站。截取一张截图或提供一个 URL,它会分析出该设计的结构、字体搭配和色彩锚点,并生成一个可复用的设计说明文件。

在仓库首页和官方演示站 usehallmark.com 上,你可以浏览大量不同行业、不同创意的实际案例图片,比如酸面包 App、内容提取 API、唱片厂牌、蜂蜜农场、旅行预订、摩洛哥时尚品牌等等,每个页面都风格迥异。

使用前

使用后

风险与注意事项

Hallmark 目前是 MIT 协议,免费开源,可以放心使用和二次开发。但需要注意几点:

  • 它本质上是一套设计规则,并不包含 AI 模型本身,实际渲染质量取决于所使用 AI 助手的能力。
  • 在 study 模式下,它强调拒绝像素级克隆和付费模板的抄袭,但使用者仍需遵守原设计作品的版权,不要直接复制他人的设计细节用于商业用途。
  • 技能目前主要面向支持 SKILL.md 的编码助手,如果你使用的工具不在官方支持列表内,可能需要手动适配。
  • 尽管项目很受欢迎(GitHub 上已获得 29290 颗星、1505 个 fork),但它仍处于持续迭代中,当前仍有 48 个未关闭的 issue,建议在使用前查看最新版本和讨论。

总之,Hallmark 是一个把“反模板化”贯彻到 AI 生成过程中的实用技能,适合追求设计独特性的开发者和创作者。

INSTALLATION

安装命令

TERMINAL
npx skills add nutlope/hallmark
兼容平台Claude Code、Cursor、Codex
运行环境需要已安装对应的 AI 编码助手(Claude Code / Cursor / Codex),并具备使用 npx 命令的基本环境。
API Key不需要
本地环境不需要
费用免费