# AI 做的網頁一眼被認出來？用 Hallmark 的檢查器抓出 41 項

- 網址：https://blog.valenvan.uk/posts/nutlope-hallmark.html
- 發布日期：2026-11-04
- 測試設備：Mac mini M4 Pro（12 核、64GB）
- 專案：Nutlope/hallmark（https://github.com/Nutlope/hallmark），MIT 授權
- 測試版本：52328cb（2026-11-03 提交，package 2.0.0）
- 實測影片：https://www.youtube.com/watch?v=MMPf4ZQYXGo

## 重點摘要

- 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）。

## 怎麼測

```bash
git clone https://github.com/Nutlope/hallmark
cd hallmark
node skills/hallmark/scripts/sloplint.mjs 你的網頁.html
```

我寫了兩頁小店預約示範頁：

- 第一版：刻意放進常見的 AI 特徵，包含紫藍漸層、表情符號圖示、「01 / FEATURES」小標、Unleash／Seamless／supercharged 這類英文空話、Jane Doe 假名字。
- 第二版：照檢查器的提示修改，英文口號換成白話，拿掉表情符號，顏色與字型集中定義，補上鍵盤選取框與減少動態的設定。

![第一版網頁](https://blog.valenvan.uk/img/nutlope-hallmark-article_1.png)

## 結果

| 項目 | 第一版 | 第二版 |
| --- | --- | --- |
| 不通過 | 41 項 | 1 項 |
| 建議改 | 5 項 | 0 |
| 警告 | 6 項 | 0 |

第一版被點名的包含：英文空話（Unleash、seamless、supercharged）、假名字 Jane Doe、三個表情符號圖示、三個「01 / FEATURES」小標、寫死在各處的顏色。每一項都附一句改法，照著改就好。

![第二版網頁](https://blog.valenvan.uk/img/nutlope-hallmark-article_2.png)

第二版剩下的 1 項，是檢查器要求樣式表第一行放 Hallmark 自己的簽名章（代表這頁是用它的流程做的），我沒有加。

## 踩雷與限制

- 第一版是我刻意寫進特徵的示範頁，不代表任何 AI 的真實輸出。
- 這次只跑了靜態檢查。它另有 `--render` 瀏覽器檢查（需要另外裝 puppeteer-core 與 Chrome），我沒有測。
- 沒有接真實的 AI 助理，所以「讓 AI 照規則做出好網頁」這部分沒有驗證。
- 檢查器抓的是死板的機械特徵；頁面好不好看，仍要人來判斷。

## 我的看法

如果你常請 AI 做網頁，又覺得成品千篇一律，這支檢查器很適合當最後一關：它指得出具體哪一行有問題。但它不能代替你的眼睛。

## 適合誰

適合常用 AI 生成網頁、想把「AI 味」降低的人。不適合完全不碰網頁程式碼、也不用 AI 寫程式的人。

專案連結：https://github.com/Nutlope/hallmark　授權：MIT