Hallmark 是由 Together AI 開發的開源專案,設計成一套可以安裝進 Claude Code、Cursor、Codex 等 AI 程式編輯工具的「技能」(skill)。它的目標是解決一個很常見的問題:AI 生成的網站介面常常一眼就能被認出來,像是對比度太低、字距怪異、版面公式化、首圖比例不合螢幕等「AI 味」破綻。Hallmark 透過事先訂好的設計規則,讓 AI 產生的介面更接近真人設計師的作品。
技術上,Hallmark 內建 48 種主題素材,每一種都先定義好字體、配色與元件樣式,並設有「地板規則」,強制檢查對比度、焦點樣式、動態效果的無障礙設定,以及不能憑空捏造內容等底線,這些規則不允許被跳過。產生流程會先蒐集專案既有的字體與配色,選定主題後先獨立做出首頁的主視覺,再用瀏覽器自動化工具 Puppeteer,在 8 種不同螢幕尺寸下實際渲染畫面並檢查有沒有機器味的痕跡,整套工具以 Node.js 執行,並附上 755 張可合法使用的 Wikimedia Commons 照片。
這個專案會在今天的 GitHub Trending 排行榜衝到第一名,跟目前「用 AI 寫網站」已經變成常態有關:越來越多人直接請 Claude Code 或 Cursor 幫忙刻版面,但做出來的畫面常常帶著一股說不出的「AI 味」,讓人一看就知道不是真人設計師做的。Hallmark 直接把這個痛點包裝成一套可以安裝的技能,而且背後是做開源 AI 模型與算力聞名的 Together AI,再加上支援多種主流編碼工具,很快吸引到關注 AI 輔助開發的開發者社群討論與分享。
對正在學程式的孩子來說,Hallmark 本身比較偏工具性與產業面,直接看原始碼不容易學到基礎概念,但它背後的想法很適合說給孩子聽:寫程式不是只要「能動」就好,還要留意對比度夠不夠清楚、文字排版是否好讀、手機畫面會不會跑版,這些都是使用者體驗的基本功。家長也可以藉此了解,現在業界已經開始用「規則加檢查」的方式,讓 AI 工具產生的東西更接近專業水準,而不是全靠人工一行行檢查。
開源AI開發工具CSS