Hallmark 是什麼？讓 AI 設計「不像 AI 做」的 skill：57 道防醜測試治好 AI 味（2026 實測）

AI 幫你生的網站，為什麼別人一眼就看得出「這是 AI 做的」？以前這叫沒辦法，現在有人把答案寫成 57 道測試，直接塞進 Claude Code。

一句話結論：Hallmark 是 Nutlope（Together AI）開源的設計 skill，給 Claude Code、Cursor、Codex 用，靠 20 套主題 + 57 道「防醜測試」讓 AI 生成的介面不再千篇一律。約 9,800 星、MIT 免費，`npx skills add nutlope/hallmark` 一行裝好；想讓 AI 做出來的網站有品牌感、不像模板的人最該試。

最後更新：2026 年 7 月 16 日。資料以 GitHub 官方倉庫與 usehallmark.com 為準，開源專案更新快，版本細節請以官網現況為主。

先看重點：Hallmark、直接叫 AI 生成、買現成模板，差在哪？

做法	成品長相	成本	適合誰
Hallmark（AI + 規則）	每個 brief 挑不同骨架 + 主題，兩個頁面像兩個網站	免費（MIT）	要 AI 做網站但受不了「AI 味」的人
直接叫 ChatGPT / Claude 生成	紫色漸層、置中 hero、三欄圓角卡，換個色還是同一套	免費～訂閱	只求能動、不在意賣相
買 Figma / 網站模板	好看，但你和別人買到同一套，撞版	約 US$20–99 一套	不會寫程式、要現成的

Hallmark 是什麼？一句話講清楚

Hallmark 是一個「設計 skill」——白話講，就是一份寫給 AI 編程工具的規則說明書。你把它放進 Claude Code、Cursor 或 Codex，之後叫 AI 做網站或介面時，它會照這份規則走，產出「拒絕看起來像 AI 生成」的頁面。

作者是 Hassan El Mghari（GitHub 帳號 Nutlope），Together AI 的開發者關係主管，過去做過 roomGPT、llamacoder 這些爆紅的 AI demo，圈內信譽夠硬。這個專案掛在 Together AI 名下，採 MIT 授權，2026 年 7 月中單日新增超過 1,200 顆星、衝上 GitHub 全站日榜，累積約 9,800 星。它跟 Agent Skills 生態一脈相承——如果你看過 Google 開源的 agent-skills或 mattpocock 的工程師 skill 合集，Hallmark 就是同一種東西，只是專攻「設計美感」這一塊。

AI 生成的網站，為什麼一眼看穿？

因為模型會走「最安全的預設值」。每個大語言模型被訓練時看過的網頁長得都差不多，所以你叫它做頁面，它十次有八次給你：頂部一個置中大標、底下紫藍漸層、三欄圓角卡片、每個標題配一顆 emoji。單獨看不醜，但看多了就膩，而且一望即知出自 AI 之手。這種「安全但無聊」的統一長相，英文圈直接叫它 AI slop（AI 廢料）。

問題不在配色，在「結構千篇一律」。同一套骨架換不同顏色，本質還是同一個網站。Hallmark 要對付的正是這件事。

Hallmark 怎麼治「AI 味」？57 道測試是什麼？

它的流程分四步。第一，先為你的需求挑一個「macrostructure（版面骨架）」，決定整頁怎麼排，而不是每次都套同一個 hero 模板。第二，替骨架穿上 20 套主題其中之一。第三，送出前跑 57 道 slop-test（防醜測試）關卡，逐項檢查有沒有踩到那些「一看就是 AI」的通病。第四，再做一次送出前的自我批判，把不合格的打回重來。

官方的說法是：Hallmark 產出的兩個頁面，就算給的需求不同，也「感覺像兩個不同的網站，而不是同一套模板換色」。這句話就是它跟「直接叫 AI 生成」最大的分野。

每個頁面都是自帶樣式的 HTML + CSS，而且會把所用的骨架名稱寫在 CSS 註解裡，方便你日後回溯是哪一套。這個思路跟 Google 開源的 DESIGN.md、Meta 的 Astryx 設計系統是同一條路線：都想給 AI 一份「設計紀律」，只是 Hallmark 更聚焦在「不要撞臉」。

四個動詞怎麼用？

Hallmark 不只會生新頁，它有四種用法，官方稱為「四個動詞」：

動詞	做什麼	什麼時候用
（預設）	做新的 UI：挑骨架、套規則、送出前先跑防醜測試	從零做一個新頁面
audit <目標>	幫現有程式碼打「防醜分」，只給你一張問題清單，不動你的碼	想知道現有網站哪裡有 AI 味
redesign <目標>	丟掉舊骨架，保留文案、資訊架構與品牌，換一套「指紋」重做	內容不變、只想換個長相
study <截圖 / 網址>	從你欣賞的設計抽出 DNA（骨架、字體搭配、主色），可另存成一份 design.md 交給別的 AI 工具	看到喜歡的網站想學它的手法

study 特別講究分寸：它會抽「手法」但拒絕做像素級抄襲，也拒絕複製付費模板，等於幫你把「借鑑」和「抄襲」之間那條線畫好。另外它還有一個新加的 Custom 模式——當你的需求帶了 20 套主題都套不進的創意時，它會從零量身訂做一套配色、字體與版面，同樣要過那 57 道關卡。

你該不該裝 Hallmark？30 秒自測

Hallmark 怎麼裝？（零基礎步驟）

不會寫程式也裝得起來，重點是你要先有一個 AI 編程工具。最快的方法只有一行：

1. 確認你在用 Claude Code、Cursor 或 Codex 其中一個。
2. 在終端機執行 npx skills add nutlope/hallmark，它會自動把 skill 裝到對的位置。想更新，日後再跑一次同一行即可。
3. 不想用指令，也可以手動把 SKILL.md 和 references/ 放進對應資料夾：Claude Code 放 ~/.claude/skills/hallmark/；Cursor 放 .cursor/rules/hallmark.mdc（貼 SKILL.md 內文、去掉開頭 frontmatter）；Codex 放 ~/.codex/skills/hallmark/。
4. 裝好後，直接叫 AI「用 hallmark 幫我做一個 XX 的落地頁」，或用 hallmark audit 檢查現有專案。

免費嗎？值得裝嗎？

完全免費，MIT 授權，可以用、可以改、可以拿去商用。它本身不收錢，你付的只是背後 AI 工具的訂閱（Claude Code、Cursor 這些）。值不值得，取決於一件事：你在不在意「做出來的東西像不像模板」。如果你只是要一個能動的頁面，直接叫 AI 生就好，Hallmark 對你是多餘的一步；但如果你要拿成品給客戶、放進作品集、或當自家產品門面，那 57 道防醜測試省下的返工時間，會比你想的多。

適合誰、不適合誰？

• 接案做網站的自由工作者：最該裝。客戶最怕的就是「一看就是套模板」，Hallmark 直接幫你把這關過掉。
• 做 side project、想上線賣的獨立開發者：適合。門面決定第一印象，這步不能省。
• 行銷、產品經理想快速出落地頁：適合。不用懂設計，靠 skill 補上美感紀律。
• 只是想學寫程式、練功能的人：不急。先把功能跑通，賣相之後再說。
• 完全不碰 AI 編程工具的人：不適合。它是掛在工具上的規則，沒有宿主就無從發揮。

不想用 Hallmark？還有這些替代方案

同一個痛點，不同解法：想要一份「設計說明書」約束 AI，可以看 Google 的 DESIGN.md；想要一整套現成組件庫讓 AI 直接拼 UI，看 Meta 的 Astryx；如果你要的是 Google 那 7 套官方 Agent Skills，看 stitch-skills。三者定位不同：DESIGN.md 管「一致性」，Astryx 給「積木」，Hallmark 管「不撞臉」。要防醜、要品牌差異化，Hallmark 目前最對口。

從「省時間」到「多賺一條」

把工具接回你的出路，才是重點。當 AI 幫你把設計成本壓到接近零，「幫小店、自媒體、獨立品牌做一頁式官網」就變成一門低門檻的副業——過去卡住多數人的不是功能，是「做出來太醜、不敢收錢」。Hallmark 補的正是這一塊。你甚至可以更進一步：用它做網站門面，再搭 AI 影片工具做行銷素材，一個人就是一間小型工作室。工具會愈來愈便宜，真正稀缺的是「懂得把它組成一條變現流程」的人。

新手行動清單

• ☐ 先確定手上有 Claude Code、Cursor 或 Codex 其中一個
• ☐ 跑 npx skills add nutlope/hallmark 裝好
• ☐ 拿一個舊專案跑 hallmark audit，看它挑出多少 AI 味
• ☐ 叫 AI「用 hallmark 做一個 XX 落地頁」，比對跟直接生成的差別
• ☐ 到 usehallmark.com 逛官方範例，找你喜歡的骨架
• ☐ 想接案的，用它做一頁 demo 放作品集當敲門磚

常見問題（FAQ）

Hallmark 和直接叫 AI 生成網站差在哪？

差在「結構會不會撞版」。直接生成常給你同一套骨架換色；Hallmark 會先挑不同版面骨架，再過 57 道防醜測試，讓不同需求做出來像不同網站。

不會寫程式能用嗎？

能，但你要先在用一個 AI 編程工具。裝好後你只需用中文下指令，實際的骨架、樣式都由 AI 照 Hallmark 的規則處理。

Hallmark 要錢嗎？

不要，MIT 授權免費，可商用。你付的只是背後 Claude Code、Cursor 等工具的訂閱費。

它支援哪些工具？

官方明確支援 Claude Code、Cursor、Codex 三種，各自有對應的安裝路徑。

study 功能會不會變成抄襲別人網站？

不會。study 只抽「手法」（骨架、字體搭配、主色），並明確拒絕像素級複製與付費模板，等於幫你把借鑑和抄襲的界線畫清楚。

延伸閱讀

• Google 悄悄開源 DESIGN.md：給 AI 的「設計說明書」
• Astryx 是什麼？Meta 開源給 AI 用的設計系統
• stitch-skills：Google 開源的 7 個 Agent Skills
• mattpocock/skills：TypeScript 教父的 21 個 Skill
• 你裝的 AI 技能安全嗎？NVIDIA 開源 SkillSpector
• 微軟 SkillOpt：練一份 skill.md 讓模型變強

參考資料

• Nutlope/hallmark GitHub 官方倉庫
• usehallmark.com 官方範例站

利益揭露：本文為 slash-invest.com 獨立整理，與 Hallmark、Together AI 及文中工具無任何商業合作或返傭關係。所有數據（星數、功能、授權）截至 2026 年 7 月 16 日，開源專案更新快，實際請以官方倉庫現況為準。本文為工具介紹與教學，不構成任何投資或財務建議。

延伸閱讀：站內相關文章

• 微軟開源 SkillOpt：不碰模型權重，練一份 skill.md 就讓 GPT-5.5 升 23.5 分（2026）
• Astryx 是什麼？Meta 開源『給 AI 用』的設計系統：150+ 組件加 MCP，讓 AI 直接砌 UI（2026）
• last30days 是什麼？一句指令讓 AI 掃遍 Reddit、X、Polymarket，30 天輿情秒變一份調研（2026 實測）
• Pocket TTS 是什麼？Kyutai 悄悄開源的 CPU 離線語音複製神器：5 秒克隆聲音、免 GPU（2026 實測）
• 微博悄悄開源 3B 小模型 VibeThinker：奧數打贏 Gemini 3 Pro，還塞得進你的電腦