安装
npx skills add nutlope/hallmark适合谁
适合要让界面看起来不像“默认生成物”的人。官方写明:这是一套拒绝长得像 AI 生成的设计技能。它会为简报挑选宏观结构,套上二十一种主题之一,跑五十七道 slop-test 门禁外加发出前的自我检查,并拒绝模型被训练进去的默认外观。
更合适的人,是已经有一段界面代码、一张参考图或一个参考地址,想先打分、再决定要不要改的人。不适合想做像素级临摹或套用付费模板的人:hallmark study 明确拒绝这两类。
开始前要能运行 npx skills add nutlope/hallmark。不要改写成未给出的其他安装器。
3 分钟完成第一次尝试
只走官方 npx 安装,然后做一次只读打分。不要一上来重建页面。
前置条件:本机已有 npm/npx,并且手头有一份已存在的界面代码作为目标。第一次不要对生产站点直接改结构。
安装位置:先执行官方命令。
npx skills add nutlope/hallmark
安装后按原文确认落地文件之一已经出现:~/.claude/skills/hallmark/、.cursor/rules/hallmark.mdc(内容来自 SKILL.md 正文、不含 frontmatter)、~/.codex/skills/hallmark/(个人)或 .codex/skills/hallmark/(项目级)。第一次只确认一个位置,不要手写第二份。
官方仓库:
https://github.com/nutlope/hallmark
低风险触发:对已有代码运行 hallmark audit <target>,把 <target> 换成你自己的真实路径。官方写明:按反模式打分,只出待办清单,不改文件。不要先跑 hallmark redesign。
成功信号:得到一份打分/待办清单,且原文件未被修改。若清单建议改结构,先确认要动哪些文件,再进入下一步。
使用案例
案例一:给现有界面打分。运行 hallmark audit <target>。适合已经有代码、只想看哪些地方像默认生成物的人。证据写明不改文件。把输出当检查清单,不要自动落地修改。
案例二:从参考设计提取 DNA。运行 hallmark study <screenshot | URL>。适合已有截图或参考地址、想抽出宏观结构、字体搭配和颜色锚点的人。官方写明它拒绝像素级临摹和付费模板,并可选择生成可带走的 design.md 给其他 AI 工具。design.md 是写入动作:生成前先确认落盘位置,写完再打开核对。不要发明参考网址。
使用边界
hallmark redesign <target> 会丢掉现有结构,只保留文案、信息架构和品牌,再按另一种指纹重建。副作用大,不要当第一次尝试。
官方点名的动词只有 audit、redesign、study。其他命令或技能路径不要自行补全。
安装命令只有 npx skills add nutlope/hallmark。落地目录以原文为准,不要混拷到未写出的位置。
它没有把适用环境写成互斥名单,也没有要求必须同时走 study 和 redesign。