Hallmark：Together AI 的开源设计 Skill，让编程智能体生成的网页少一点“AI 味”

01它解决什么问题

让智能体写页面，常见结果是同一套套路：标题上方一行小字、每个标题里夹一个彩色词、紫蓝渐变、卡片套卡片、页尾必有订阅框。Hallmark 的做法是给智能体一份“硬底线”加一套随机发牌的方向，再用检查脚本把这些套路揪出来。

02它怎么工作

• 底线（Floor）：不可豁免的规则，例如颜色和字体必须走 :root 里的变量、不用 transition: all、每个可交互元素都有 :focus-visible、不编造指标和客户 logo、不用紫蓝渐变、不用 emoji 当图标、首屏必须看得到标题、一句话说明和主操作。
• 主题：48 套“材质”（纸张、字体、颜色、组件和质感），每次从中发三套供选；也可以说 custom，让它只凭你的描述设计。
• sloplint：命令是 node <skill 目录>/scripts/sloplint.mjs <文件或目录> --render，--render 需要另装 puppeteer-core 和 Chrome，在 8 种宽度下检查；不加 --render 只做静态检查。最后还会让一个全新上下文的子智能体评审。
• redesign / audit：只有你点名 Hallmark 时才会重做或审计已有页面，redesign 会记录原有链接、表单和处理逻辑，防止改版弄丢。

项目 README 称它还带有 755 张维基共享资源上的开放授权照片索引，页面使用时会署名；仓库本身不存图片文件。

03怎么装、怎么试

npx skills add nutlope/hallmark -g
# 只装给 Claude Code：
npx skills add nutlope/hallmark -g --agent claude-code

需要 Node 18 或更高版本。Claude Code 里用 /hallmark <描述> 调用，Codex 用 $hallmark。如果智能体没自动触发，在提示里直接写“use hallmark to build ……”。本站在沙箱（Node 22）里用 skills CLI 1.7.4 装过一次，装完得到 SKILL.md、98 个主题与参考文件和 sloplint 等脚本；对一个只有一行 h1 的测试页跑静态 sloplint，它报出缺少 Hallmark 印记、缺少 overflow-x: clip、颜色字面量不在变量里 3 项 FAIL。没有实际让智能体生成页面，所以不对生成质量做评价。

04使用前要知道的

• 规则偏主观：比如“不用任何大写字母小标签”“不用中点连接的元信息”，是作者的审美，和你的品牌规范可能冲突；项目检测到根目录有 design.md 时会以它为准。
• 它只在“新建”时自动介入，已有页面不会被它改。
• skills 工具装完的是能执行脚本的内容，安装前最好读一遍 SKILL.md 和 scripts/。