Together AI 開源 hallmark：逼 Claude 和 Cursor 做出沒有「AI 味」的網頁

hallmark 是 Together AI 開發者 Nutlope 開源的一套設計 skill，能給 Claude Code、Cursor、Codex 和 OpenCode 裝上，目的只有一個：逼大模型別再生成千篇一律、充滿「AI 味」的前端介面。

大模型寫前端有個通病。你不特意約束，它就會掉進分佈內的預設審美：大面積紫色漸變、標題上方莫名其妙的 eyebrow 小標籤、全大寫加寬間距的按鈕、標題裡非要單把一個詞染成彩色，或者頁面底部永遠跟著一個不管用的郵箱訂閱框。hallmark 就是為了把這些預設值一條條否決掉。

它能做什麼

hallmark 並不直接給你現成模板，而是把設計拆成了可執行的工作流。

它內建了 50 種材料主題。所謂主題不是版式，而是質感、字型、配色、元件表面風格和質感的組合，每個主題檔案不超過 8 KB，並配有一張完成效果圖。同一個主題餵給兩個不同的需求，排出來的頁面結構完全不一樣。

如果你不想用內建主題，直接對它說 custom，它就會完全從你的 prompt 重新提煉核心概念，獨立設計一整套配色、字型和佈局。

在生成頁面時，它會先根據任務性質決定宏觀結構。預檢階段讀取你的專案配置，要求提供真實的截圖、照片和數字，絕不憑空編造事實。它甚至自帶了一份包含 755 張 Wikimedia Commons 開源照片的清單，按需呼叫並附上署名，避開禁止 AI 抓取的商業相簿。

除了從頭生成，它還支援兩個核心命令。輸入 /hallmark redesign 加上路徑，它會在保留原有文案、連結、事件處理函式和資訊架構的前提下，徹底重構整個視覺系統和佈局；輸入 /hallmark audit 加上路徑，它則只排查反模式並出具報告，不動手改程式碼。

每次交付的結果都是完全獨立的自包含 HTML 和 CSS，並在 CSS 的首行註釋裡完整記錄這次做出的所有設計決策。

怎麼攔截「AI 味」

hallmark 最硬核的地方，在於它把審美審查做成了真正能跑的瀏覽器自動化流水線。

它的審查關卡分為幾個層級。最底層是「底線（The Floor）」，包括對比度、無障礙焦點、減少動畫支援、禁止虛構事實以及移動端自適應。只要底線不合格，程式碼絕對不能交付。

第二層是「條件反射關卡（Reflex gates）」，專門用來阻擊大模型的偷懶慣性，也就是那幾十道排查機制。遇到沒有明確理由的套模板特徵，一律就地否決。

在生成流程上，它會單獨把 Hero 首屏揪出來，在未構建剩餘頁面前先渲染並冷啟動評審。隨後，通過內建的 sloplint 指令碼在真實瀏覽器裡跑 8 種視口寬度的渲染測試，最後再由一個帶著全新上下文的 subagent 充當審查員，進行把關。

怎麼跑起來

hallmark 採用 MIT 許可證完全開源，可以在 GitHub 直接下載。

安裝只需要全域性執行一條命令：npx skills add nutlope/hallmark -g。不加 -g 引數則只裝進當前專案。在 Claude Code 裡也可以通過外掛市場直接新增。

硬體和環境方面，它需要 Node 18 或更高版本。如果你想執行完整的瀏覽器審查和截圖功能，需要通過 npm 安裝 puppeteer-core 並配置本地 Chrome；如果沒有這些環境，靜態規則檢查依然可以獨立執行。

為什麼重要

對於用 AI 寫前端的獨立開發者或小團隊來說，現在能生成網頁已經不稀奇了，能交付「看不出是 AI 寫的」網頁才是真正的門檻。hallmark 聰明的地方在於，它沒有去教模型空洞的美學理論，而是把設計師的經驗變成了可測試、可阻斷的程式碼規則與瀏覽器驗收標準。如果你經常被大模型那種千篇一律的紫漸變和假卡片折磨，這個開源工具非常值得立刻掛到你的程式設計助手裡試一試。