Hallmark：面向 Claude Code、Cursor 与 Codex 的反“AI 味”设计技能
Hallmark 是由 Together AI 出品的开源设计技能（Skill），可接入 Claude Code、Cursor 和 Codex。它为每个需求挑选宏观结构（macrostructure），套用 21 种主题之一，执行 57 道“slop-test”门禁并做输出前自我批判，从而避免大模型默认的千篇一律页面。技能提供默认生成、audit（审计）、redesign（重构）、study（取经）四个动词，采用 MIT 许可证。
社区作者 · zZz
它解决什么问题
Hallmark 是一个“拒绝看起来像 AI 生成”的设计技能，面向 Claude Code、Cursor 和 Codex 三类 AI 编码工具。官方在线演示页支持按 T 键循环切换主题，共提供 21 种主题与 4 个动词。
【核心机制】Hallmark 会先为需求挑选一个宏观结构（macrostructure），再用 21 种主题之一进行“装扮”，随后运行 57 道 slop-test 门禁以及一次输出前自我批判（pre-emit self-critique），主动拒绝各大 LLM 被训练出来的“同分布默认样式”。因此，同一技能为两个不同需求生成的两个页面，观感像两个不同的网站，而不是同一模板的换色版本。
【四个动词】 1）默认动词：构建全新 UI，选择宏观结构、应用规则集、在交付前运行 slop test。 2）hallmark audit <target>：用反模式清单给现有代码打分，输出待办清单（punch list），不做任何修改。 3）hallmark redesign <target>：丢弃原有结构，保留文案、信息架构（IA）与品牌，用不同“指纹”重建。
4）hallmark study <screenshot | URL>：从你欣赏的设计中提取 DNA——宏观结构、字体搭配、色彩锚点；拒绝像素级克隆与付费模板；可选输出可移植的 design.md 以便交付给其他 AI 工具。
【不同需求，不同形态】文档给出的示例页面均由不同需求生成，技能自行挑选主题、结构与工艺，而非套模板：Bubble（酸面包应用 · Hum 主题，见配图 2）、Distil（内容抽取 API · Cobalt，配图 3）、Cold Snap（唱片厂牌 · Carnival，配图 4）、Cinder（AI 推理工具 · Lumen，配图 5）、Ferns & Fathom（茶单 · Custom，配图 6）、Hollowback Apiary（蜂蜜农场 · Garden，配图 7）、Off-Register（丝网印刷展 · Riso，配图 8）、Press Quaternary（字体工作室 · Custom，配图 9）、Tally（SaaS · modern-minimal，配图 10）、Wayfare（旅行 · atmospheric，配图 11）、NAJM（时尚品牌，配图 12）、Hyperlane（开发基础设施）。
每个页面都是自包含的 HTML + CSS，并在 CSS 注释中标记其宏观结构；完整示例集可在 usehallmark.com 或仓库的 site/_tests/ 目录浏览。
【Custom 分支（新增）】当需求带有任何目录主题都无法匹配的创意意图时，Hallmark 会切换到 Custom，从零设计页面：量身定制的配色、字体与布局，仍执行同样的 57 道 slop-test 门禁，底下没有模板。示例包括 The Cascadia Nightjar（卧铺列车票）与 The Mend Assembly（维修咖啡馆的大幅单页）。该分支是安静分支，普通需求不会触发；协议写在 custom-theme.md 中。
【文件与规则集】规则集位于 SKILL.md 与 references/ 目录；完整示例见 docs/recipes.md 与 docs/study-examples.md。
【许可证】MIT。官方表述为：使用它、fork 它、发布它。
【适用对象】使用 Claude Code、Cursor 或 Codex 的前端/UI 设计者与开发者，尤其是希望摆脱“AI 模板感”网页、需要批量产出差异化页面，或需要对现有界面做设计审计与结构重构的团队。
— 本文由 AI 根据公开来源辅助整理，命令、版本与许可证请在使用前到原始页面复核。
安装 / 开始使用
准备环境：本地需可使用 npx（随 Node.js 提供）以便通过命令行安装；并已安装 Claude Code、Cursor 或 Codex 中的至少一个。
方式一（推荐，命令行安装）：
步骤 1 · 执行：
npx skills add nutlope/hallmark- 之后可随时重新执行同一命令以更新技能。
方式二（手动复制）：将 SKILL.md 与 references/ 复制到对应工具的目录：
- Claude Code：~/.claude/skills/hallmark/
- Cursor：.cursor/rules/hallmark.mdc（内容为 SKILL.md 的正文，不含 frontmatter）
- Codex：~/.codex/skills/hallmark/（个人级）或 .codex/skills/hallmark/（项目级）
安装后的使用方式（四个动词）：
- 默认动词：直接让它构建新 UI；它会选择宏观结构、应用规则集，并在交付前运行 slop test。
- hallmark audit <target>：对现有代码按反模式评分，只输出待办清单，不做修改。
- hallmark redesign <target>：丢弃原结构，保留文案、信息架构与品牌，用不同指纹重建。
- hallmark study <screenshot | URL>：从截图或网址提取宏观结构、字体搭配与色彩锚点，拒绝像素级克隆与付费模板，可选输出 design.md 交接给其他 AI 工具。
配套文件位置：规则集在 SKILL.md 与 references/；完整示例在 docs/recipes.md 与 docs/study-examples.md；Custom 自定义分支协议在 custom-theme.md。在线演示可访问 usehallmark.com（页面支持按 T 键循环切换主题），仓库内示例集位于 site/_tests/。
常见问题：来源未说明卸载方式、具体版本号与不同工具版本的兼容性差异，相关细节待核验；安装失败时按来源说明可改为手动复制 SKILL.md 与 references/ 的方式。
来源教程配图
