Hallmark Skill：拒绝 AI 模板气质的 Claude Code 设计纪律

AI 出图/出 UI 越来越像，紫色渐变 hero、Inter 撑全场、所有按钮居中——这种「AI 模板感」正在淹没整个互联网。Hallmark Skill 把这件事当作一个显式架构问题来治：把「拒绝 AI 气质」的规则系统焊进 Claude Code、Cursor 和 Codex 里，让 Agent 在做设计时被强制约束在 20 套主题 × 4 个动词的格子中，并跑过 57 道 slop-test 闸门。3 个月、19.7k Star、登上 GitHub Trending 月榜——它不是又一个 prompt 包，是一个被严肃工程化了的「设计纪律 Skill」。

功能与原则

Hallmark 的核心能力有三层：第一是规则系统，包含 20 套互斥主题（Type 配对、OKLCH 色板、特定 archetype）、5 大反 AI 套路（紫渐变、Inter 单字体、居中党、图标色块卡片、四链接 AI 导航）和 57 条 slop-test 闸门；第二是 4 个动词接口，分别是 Build（默认造页）、hallmark audit（打分不改）、hallmark redesign（换骨架）、hallmark study（从截图/URL 提取设计 DNA 并生成可移植的 design.md）；第三是反熵增机制，要求连续 3 次不能复用同一 macrostructure，强制每次都重新挑骨骼。

设计原则一句话：「Same Opinions, Different Jobs」——同样的审美意见，不同的工作流。Skill 不是模板，而是一套被严格 prompt-engineered 的「该做什么/不该做什么」。

认可度

• GitHub Stars：19,747（截至 2026-07-30 实时核对）
• Forks：976
• Open Issues：36（活跃维护）
• Trending 经历：登 GitHub Trending 总榜月榜前列，月增 16,235 stars
• 下载/安装方式：npx skills add nutlope/hallmark，支持 Claude Code、Cursor、Codex 三家主流 Agent
• 生态：Made by Together AI，有独立官网 https://www.usehallmark.com/ 展示数十个 one-shot 真实案例

链接

https://github.com/Nutlope/hallmark

原作者

Hassan El Mghari（GitHub: @Nutlope）。知名独立开发者，X（Twitter）账号 @nutlope，base 在纽约，公开仓库 98 个、GitHub 8,440 followers。此前做过 GPT4All、RoomGPT 等爆款，本次项目由其供职的 Together AI 出品。个人站点 http://nutlope.com。

介绍

Hallmark 并不是「又一个自动生成落地页的工具」。它出现在大量 AI 生成网站长一个样的当下，把「反 AI 气质」当成一个产品目标：对每个设计请求，它先选 macrostructure，再套主题、过 slop-test、再交付；同一段 prompt 跑两次会得到不同骨架——它刻意避免任何形式的「看起来像训练数据均值」。

Live demo 上百个 one-shot 示例横跨 SaaS、电商、播客、品牌站，记录片工作室等多种场景，每个案例都是单 HTML + CSS 自包含交付。这种「端到端可复制 + 高差异度」的组合，正是它在 HackerNews、Designer News、Together AI 自家 Discord 里被高频讨论的根本原因。

特点

• 20 主题 × 4 动词：覆盖绝大多数设计意图，且每主题锁死 antislop 清单
• 57 条 slop-test 闸门：从「Inter 当 display」「居中党」「紫色渐变」到「wordmark+4 link+CTA sticky」均被显式禁止
• 预 emit 自检：每次交付前跑完整关卡，过不了就重生成，拒绝出图
• 跨 Agent 兼容：Claude Code / Cursor / Codex 一份 SKILL.md 通吃
• DNA 可移植：hallmark study 抓出来的 design.md 是文本格式，能喂给任何下游 Agent
• 3-slot 历史：记住最近 3 个 macrostructure，强制下一次换骨

使用方法

最小安装（Claude Code 用户）：

npx skills add nutlope/hallmark

或手动把仓库内的 skills/hallmark/SKILL.md 拷到 ~/.claude/skills/hallmark/。

最小调用——默认造页：

直接给 Agent 一段自然语言 brief，例如：

Build me a landing page for an indie podcast platform.

Hallmark 会自动跑：读 brief → 选 macrostructure → 选 theme → 57 道 slop-test → 输出页面。

审计既有页面：

hallmark audit ./my-landing-page

返回 punch-list 风格问题清单，不改一行业务代码。

研究/借鉴：

hallmark study together.ai
# 或粘贴一张截图

返回「macrostructure / display role / accent hue」等结构化 DNA 卡，并可选导出 design.md。

使用场景与人群

• AI 创业团队的产品/营销页：从 Figma 模板挪到 Hallmark，告别「又一个 AI 站」
• 设计师辅助：把 Hallmark 当 critique 工具，让 Agent 先过 5 大反-pattern 再交付
• 前端/全栈开发者：不想花时间在 typography pairing 和 color palette 上，又拒绝 v0/Lovable 的「模板感」
• 设计教育：把 hallmark audit 当 lint 工具演示为什么紫色渐变 hero 是反 pattern
• 品牌方：用 hallmark study 提取参考站的 DNA，反向生成自己的 design.md handoff 文件

典型用户：产品经理、独立开发者、Designer-Engineer hybrid 角色。典型不适用：需要像素级复刻某设计（Hallmark 明确拒绝）、需要内置 CMS（Hallmark 输出纯静态 HTML+CSS）。

输入与输出案例

案例 1：默认 Build——独立播客平台落地页

Input：Build me a landing page for an indie podcast platform.

Output：一个 single HTML file，自带 macrostructure 注释，例如「Split hero · copy-left + product-mock right」、heavy geometric sans 做 display 体、body 用同族 regular weight、accent hue 是冷蓝 + 品红的有机渐变背景 blob。所有按钮走 outline 风，无紫渐变 hero，无 Inter 当 display。所有闸门通过后才交付。

案例 2：Study + 提取 DNA

Input：hallmark study together.ai（或粘贴截图）

Output：结构化 DNA 卡，包含
– Macrostructure: Split hero
– Hero archetype: H7 Clipped · copy-left + product-mock right
– Display role: heavy geometric sans
– Body role: same family · regular weight
– Label role: grotesque · sentence case
– Paper band: light · pure white
– Accent hue: cool blue + magenta · organic gradient
– Rhythm: left-copy / right product card / overlapping watercolor blobs

显式标注「refuses to ID fonts」「refuses to copy pixels」。勾选「lock DNA + emit design.md」后可生成便携版 handoff 文件喂给任何下游 Agent。

—

三句话总结：Hallmark 用工程化的反 AI 气质工具集，把「不要生成看起来像 AI 的页面」写进了 Skill 本身；它在 3 个月内靠产出本身的视觉冲击力 + 严肃工程实现双线收获 19.7k Star；当下任何在 Claude Code/Cursor/Codex 里做落地页的人，都值得 npx skills add nutlope/hallmark 试一遍。

GitHub: https://github.com/Nutlope/hallmark