Nutlope/hallmark

Anti-AI-slop design skill for Claude Code, Cursor, and Codex.

這是什麼

Nutlope/hallmark 是給 Claude Code、Cursor、Codex 使用的設計 skill，目標是讓 AI 產出的頁面不要一眼看起來像模板。README 說明它會依 brief 選擇 macrostructure，套用二十種 themes，並在輸出前跑 57 道 slop-test gates 與自我批判。它不是 UI 元件庫，而是一組約束 AI 設計決策的規則：不同需求應該生成不同形狀，而不是同一版型換色。

為什麼上榜

週榜資料顯示 Hallmark 已有 13,353 stars，本期新增 9,193 stars，熱度非常集中。它抓到的痛點也很明確：coding agent 讓生成 UI 變快，但也讓「AI slop」更常見。Hallmark 的亮點在於把設計品味拆成可執行流程，包括主結構選擇、主題規則、反模式檢查與輸出前自評；必要時還會進入 Custom 分支，從調色、字體到版面重新設計。

適合誰，可以拿來做什麼

它適合常用 coding agent 做 landing page、產品頁、demo site 或內部原型的人，尤其是覺得 AI 生成畫面太同質化的獨立開發者、設計工程師與產品團隊。README 提供四種動詞：預設模式用於 Build new UI；hallmark audit <target> 只評分並給 punch list；hallmark redesign <target> 保留文案、資訊架構與品牌但重建外觀；hallmark study <screenshot | URL> 從喜歡的設計抽取 DNA，並可選擇輸出 design.md 交給其他 AI 工具。

上手

README 提供最直接的安裝方式：

npx skills add nutlope/hallmark

重新執行即可更新。也可手動複製 skills/hallmark/SKILL.md 與 references/：Claude Code 放在 ~/.claude/skills/hallmark/，Cursor 可放入 .cursor/rules/hallmark.mdc，Codex 可放在 ~/.codex/skills/hallmark/ 或專案層級 .codex/skills/hallmark/。規則集位於 SKILL.md 與 references/，範例在 docs/recipes.md 與 docs/study-examples.md。

README 重點摘要

• Hallmark 針對 AI 生成 UI 同質化，支援 Claude Code、Cursor、Codex。
• 內建二十種 themes、四個操作動詞，並執行 57 道 slop-test gates。
• audit、redesign、study 讓它不只可新建 UI，也能檢查、重設計與萃取設計 DNA。
• README 強調不同 brief 應產生不同結構；Custom 用於無法套用既有主題的創意需求。
• 專案採 MIT license。