Nutlope/hallmark 一天新增約 567 星，主打讓 AI 網頁設計不像 AI 做的

背景

Nutlope/hallmark 是 GitHub 上的開源專案。截至本站記錄時（2026 年 10 月 24 日），它累計 31,507 顆星（GitHub 使用者按星標記收藏的次數），一天內新增約 567 顆星。它是給 Claude Code、Codex、Cursor 與 OpenCode 這幾款 AI 寫程式工具使用的設計 skill（技能，讓工具依特定規則做事的擴充套件）。專案說明表示，它的目標是讓產出的網頁不要看起來像 AI 生成的。 GitHub 熱門專案

發生什麼事

依來源記錄，這個專案建立於 2026 年 4 月 27 日，主要語言是 CSS（網頁的樣式語言），授權為 MIT（寬鬆的開源授權）。專案說明的「New in v2」一節列出 v2 的內容：48 個主題（原文 forty-eight themes）、依頁面用途安排行動區、custom（客製）模式、可指向網址或 app 自動截圖、755 張公開授權照片，以及 redesign 與 audit 兩個指令。 GitHub 熱門專案

重點內容

專案說明表示，Hallmark 會從 48 種「材質」目錄中抽出三個主題，依訪客要做的事來組頁面，再用真實瀏覽器對成品做 lint（自動檢查是否有問題）。檢查對象是容易被看出是機器做的特徵，例如每個標題上方都有小標、字距拉開的大寫標籤、標題裡只有一個字上色、表單說了謝謝卻沒有送出任何東西。最後由一個全新上下文的審查者做最後判斷。每個主題是一個最多 8 KB 的檔案，附一張圖；專案說明表示，一次建置只會讀其中一個。 GitHub 熱門專案

檢查關卡分三層。Floor 層不會放行，項目包括對比、焦點、減少動態、捏造事實與壞掉的手機版面。Reflex 層是模型容易落入的預設做法，有理由的建置可以明確記錄後推翻。Finish 層是工藝細節，不會擋下出貨。建置流程為：先讀專案（字型、色票、框架）並詢問素材；用 scripts/theme.mjs deal 提出三個主題；先單獨做 hero（頁面最上方主視覺區）並獨立審查；最後 scripts/sloplint.mjs --render 在八種寬度檢查，再由 subagent（子代理，另開的 AI）審查。每頁是自足的 HTML 與 CSS。 原文

redesign 與 audit 的用法是 /hallmark redesign <path> 與 /hallmark audit <path>。前者重建頁面並保留內容與接線，後者只回報問題。專案說明表示，sloplint --before 會先記錄每個連結、欄位、處理程式與標題，sloplint --kept 在有東西遺失時讓 redesign 判定失敗。照片庫列出的是 Wikimedia Commons 上的照片，每張保有各自授權，使用時會在頁面標註來源。 原文

對使用者的意義

使用上述四款工具做網頁的開發者，可以用 npx skills add nutlope/hallmark -g 安裝；-g 代表裝給所有專案，不加則只裝在目前專案。專案說明表列出 Claude Code 以 /hallmark <prompt> 呼叫，Codex CLI（命令列介面，用打字下指令的方式）以 $hallmark <prompt> 呼叫；Cursor 與 OpenCode 也是 /hallmark <prompt>。若沒有自動觸發，專案說明建議直接寫出「use hallmark to build ...」。 GitHub 熱門專案

限制與未定事項

安裝需要 Node 18 或更新版本。瀏覽器檢查（sloplint --render 與截圖）另需用 npm i -g puppeteer-core 安裝控制 Chrome 的套件，並需要 Chrome；沒有的話，靜態檢查仍會執行。專案說明也表示，照片庫不使用 Unsplash、Pexels、Pixabay 等圖庫網站，因為它們的條款禁止 AI 工具挑選其圖片。本文只有一個來源，功能說法均出自專案說明。 GitHub 熱門專案