安裝
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。