Hallmark Skill 技能

技能简介

Hallmark 是 Together AI 出品的设计技能（Skill），面向 Claude Code、Cursor 与 Codex，目标只有一个：让 AI 生成的页面「拒绝看起来像 AI 生成的」。它把大模型最容易默认套用的紫粉渐变、居中排版、Inter 字体一屏打尽等套路写成反模式规则，生成前先做结构选型，再套主题，最后过 57 项「AI 味」检测门与一次发射前自我批评，才把结果交回给你。

核心能力

• Build（默认）：直接描述需求即可生成页面，先选定宏观结构再做样式包装，并拒绝重复最近三次用过的结构，保证不同 brief 出来的是不同形态的站点。
• Audit：指向已有代码或页面，按反模式目录打分，输出「问题清单」而不改动文件，紫色渐变 Hero、Inter 当标题字体、全部居中等问题逐条列出。
• Redesign：保留文案、信息架构与品牌，只换结构骨架，重建出节奏、标题位置、组件语气都不同的新版。
• Study：粘贴截图或 URL，提取欣赏的设计的宏观结构、字体搭配与色彩锚点，生成 DNA 卡片，也可输出可携带的 design.md 交给其他 AI 工具，明确拒绝逐像素复制。
• 二十一套主题、四种调用方式，按 T 键可循环切换；在线站点提供大量一次成型的实例。

安装配置

• 一键安装：npx skills add nutlope/hallmark，随时重跑即可更新。
• Claude Code：把 SKILL.md 与 references/ 放入 ~/.claude/skills/hallmark/。
• Cursor：将 SKILL.md 正文写入 .cursor/rules/hallmark.mdc（去掉 frontmatter）。
• Codex：放入 ~/.codex/skills/hallmark/（个人）或 .codex/skills/hallmark/（项目级）。
• 许可证为 MIT，可自由使用、修改与分发。

使用步骤

1. 安装技能并重启 AI 编码工具，确认技能目录已生效。
2. 用一句话描述页面需求，例如「给一个独立播客平台做落地页」，触发默认 Build 行为。
3. 审计存量代码：执行 hallmark audit，拿到按严重度排序的反模式清单。
4. 重做结构：执行 hallmark redesign，保留原有内容与品牌。
5. 参考喜欢的设计：执行 hallmark study，必要时生成 design.md 交接给其他工具。

适用场景

• 落地页与产品官网：需要一眼不像模板站点的首屏结构。
• 作品集与活动页：每次生成都希望是全新形态而非换色模板。
• 存量页面体检：批量检查代码里潜藏的 AI 审美套路并给出改法。
• 设计交接：把欣赏的设计拆成结构 DNA，交给团队或另一个 AI 工具继续实现。
• 品牌重塑：文案不动、骨架重来，快速比较多种结构方案。

适用人群

使用 Claude Code、Cursor、Codex 做前端交付的开发者与设计师；厌倦「一眼 AI」审美、要求视觉差异化的独立开发者与小型团队；需要对存量页面做设计合规检查的技术负责人。

工作原理

规则写在 SKILL.md 与 references/ 目录里。生成时先为 brief 选定宏观结构，再从二十一个主题中匹配字体配对、色彩与节奏，随后跑五十七条检测门与一次自我批评，不通过就返工。八条跨主题基础规则（字体成对、OKLCH 单锚点色彩、四倍数间距、指数缓动与 reduced-motion、独立语调、布局偏心、字重阶梯、克制优先）贯穿其中。Study 读结构而非像素，Audit 只诊断不修改。

官方链接

https://www.usehallmark.com