AI 做的網頁一眼被認出來？用 Hallmark 的檢查器抓出 41 項
重點摘要
- Hallmark 的 sloplint 檢查器用 Node 直接執行，不需安裝套件，檢查一頁 HTML 不到 1 秒。
- 自製的 AI 風格小店預約頁被檢出 41 項不通過、5 項建議、6 項警告。
- 照提示改成第二版後只剩 1 項不通過，那一項是缺 Hallmark 自己的簽名章。
- 只測了靜態檢查，瀏覽器渲染檢查與真實 AI 搭配未測。
- 結論： 抓得出表情符號圖示、英文空話、假名字這類機械特徵，但好不好看仍要人判斷。
- 適合： 常請 AI 生成網頁、想降低 AI 味的人
- 不適合： 不碰網頁程式碼的人
| 實測項目 | 結果 |
|---|---|
| 第一版（刻意放入 AI 特徵） | 41 FAIL、5 REFLEX、6 WARN |
| 第二版（照提示修改） | 1 FAIL、0 WARN |
| 執行環境 | Node 22，免安裝套件 |
請 AI 幫小店做一頁預約網頁，做出來卻很眼熟：紫藍漸層、表情符號當圖示、標題寫著 Unleash。這種「一看就是 AI 做的」感覺，有沒有工具能抓出來？Hallmark 附了一支檢查器 sloplint，我拿自己做的示範頁實際跑了一次。
它是什麼
Hallmark 是給 AI 寫程式助理（Claude Code、Codex、Cursor、OpenCode）用的設計規則包，MIT 授權，由 Together AI 出品。裡面附的 sloplint.mjs 是獨立的檢查腳本，只要有 Node 18 以上就能跑，不用裝任何套件。本次測的是 2026-11-03 的版本（提交 52328cb），測試設備是 Mac mini M4 Pro（12 核、64GB）。
怎麼測
git clone https://github.com/Nutlope/hallmark
cd hallmark
node skills/hallmark/scripts/sloplint.mjs 你的網頁.html
我寫了兩頁小店預約示範頁：
- 第一版：刻意放進常見的 AI 特徵，包含紫藍漸層、表情符號圖示、「01 / FEATURES」小標、Unleash／Seamless／supercharged 這類英文空話、Jane Doe 假名字。
- 第二版：照檢查器的提示修改，英文口號換成白話，拿掉表情符號，顏色與字型集中定義，補上鍵盤選取框與減少動態的設定。
結果
| 項目 | 第一版 | 第二版 |
|---|---|---|
| 不通過 | 41 項 | 1 項 |
| 建議改 | 5 項 | 0 |
| 警告 | 6 項 | 0 |
第一版被點名的包含：英文空話（Unleash、seamless、supercharged）、假名字 Jane Doe、三個表情符號圖示、三個「01 / FEATURES」小標、寫死在各處的顏色。每一項都附一句改法，照著改就好。
第二版剩下的 1 項，是檢查器要求樣式表第一行放 Hallmark 自己的簽名章（代表這頁是用它的流程做的），我沒有加。
踩雷與限制
- 第一版是我刻意寫進特徵的示範頁，不代表任何 AI 的真實輸出。
- 這次只跑了靜態檢查。它另有
--render瀏覽器檢查（需要另外裝 puppeteer-core 與 Chrome），我沒有測。 - 沒有接真實的 AI 助理，所以「讓 AI 照規則做出好網頁」這部分沒有驗證。
- 檢查器抓的是死板的機械特徵；頁面好不好看，仍要人來判斷。
我的看法
如果你常請 AI 做網頁，又覺得成品千篇一律，這支檢查器很適合當最後一關：它指得出具體哪一行有問題。但它不能代替你的眼睛。
適合誰
適合常用 AI 生成網頁、想把「AI 味」降低的人。不適合完全不碰網頁程式碼、也不用 AI 寫程式的人。
專案連結：https://github.com/Nutlope/hallmark 授權：MIT