hallmark
针对 Claude Code、Cursor 和 Codex 等 AI 编码助手的设计 skill，通过 57 条反 AI 模式检测和自批判机制，让生成的 UI 不再千篇一律。内置 20 种主题和 4 个动词命令（build/audit/redesign/study），能根据不同需求生成风格各异的页面，甚至支持从截图提取设计 DNA 并跨工具复用。MIT 许可，可直接通过 npx 安装。
README
Hallmark
为 Claude Code、Cursor 和 Codex 打造的设计技能（skill），拒绝看起来像 AI 生成的。
在线演示 → · 二十个主题 · 四个动词 · 按 T 键切换。
由 Together AI 制作。
Hallmark 为需求选择一种宏观结构（macrostructure），套用二十个主题之一，运行五十七个 slop-test 门（防随机输出测试）外加一个预输出自我批评（pre-emit self-critique），拒绝每个 LLM 都被训练出来的分布内默认模式（on-distribution defaults）。Hallmark 为两个不同需求生成的两个页面感觉像不同的网站，而不是同一模板的换色。
四个动词
| 动词 | 功能 |
|---|---|
| (默认) | 构建新 UI。选择一个宏观结构，应用规则集，在返回前运行 slop 测试。 |
hallmark audit <target> |
针对反模式对现有代码评分。输出待办清单（punch list），不编辑。 |
hallmark redesign <target> |
抛弃结构，保留文案（copy）+ 信息架构（IA）+ 品牌，用不同的指纹重建。 |
hallmark study <screenshot | URL> |
从你欣赏的设计中提取 DNA：宏观结构、字体搭配、色彩锚点。拒绝逐像素克隆和付费模板。可选输出可移植的 design.md 供其他 AI 工具交接。 |
不同需求，不同形态
每个页面由不同的需求生成。该技能会根据每个需求选择主题、结构和工艺，而不是从模板中套用。
 |
 |
 |
 |
| Bubble 酸面包应用 · Hum |
Distil 提取 API · Cobalt |
Cold Snap 唱片公司 · Carnival |
Cinder AI 工具 · Lumen |
 |
 |
 |
 |
| Ferns & Fathom 茶单 · Custom |
Hollowback Apiary 养蜂场 · Garden |
Off-Register 印刷展 · Riso |
Press Quaternary 字体工作室 · Custom |
 |
 |
 |
 |
| Tally SaaS · 现代极简 |
Wayfare 旅行 · 氛围感 |
NAJM 时尚品牌 |
Hyperlane 开发者基础设施 |
每个页面是独立的 HTML + CSS，在 CSS 注释中印有其宏观结构。浏览完整集合请访问 usehallmark.com 或 site/_tests/ 目录。
Custom NEW
当需求带有目录主题无法匹配的创意意图时，Hallmark 会切换为 Custom（自定义）并从头设计页面：定制的配色、字体和布局。同样通过 57 个 slop-test 门，底层没有模板。
 |
 |
| The Cascadia Nightjar 卧铺列车票券 · Custom |
The Mend Assembly 维修咖啡馆海报 · Custom |
它是一个安静的分支；普通需求不会触发它。协议位于 custom-theme.md。
安装
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/（项目范围）
规则集位于 SKILL.md 和 references/。使用示例参见 docs/recipes.md 和 docs/study-examples.md。
许可
MIT 许可。随意使用、fork、发布。