← 返回部落格
Ai預計閱讀 9 分鐘

Hallmark 拒絕交出「一看就是 AI 做的」網頁

發布於 2026年11月1日
Hallmark 拒絕交出「一看就是 AI 做的」網頁

你大概只要四秒就能認出一個 AI 做的著陸頁,而且破功的通常不是文案。是每個標題上方那顆小小的綠色標籤。是某個區塊上面寫著「FEATURES」、字距拉得特別開的全大寫小標。是主標題裡那個唯一有顏色的字,永遠是同一個靛藍色。是那個由一堆空框組成的見證牆。是頁尾那個根本沒東西可訂閱的電子報輸入框。

Hallmark 就是專門用來拒絕這些東西的設計 skill。它出自 Together AI,支援 Claude Code、Codex、Cursor 和 OpenCode,上線第一個月就登上趨勢榜,拿下大約 14,400 顆星。它的說法很直白:它不會交出一個看起來像機器做的頁面。

它哪裡不一樣

大多數「讓它變好看」的提示詞會失敗,原因很無聊。它們描述一種感覺,然後模型每次都把那種感覺翻譯成同樣那十一種視覺老套。Hallmark 的做法是反過來:與其要求模型有品味,不如給它少量素材,再給它一張「不准做」的清單。

素材是 50 套主題。每一套就是一個檔案,上限 8 KB,裡面有紙張質感、字級階層、顏色、表面處理、元件。每套主題還附一張完成頁面的圖,讓模型看得到「做完」長什麼樣。關鍵在於:主題是素材,不是模板。它不會規定頁面要放什麼、順序怎麼排。同一個主題下丟兩個不同的提示詞,會長出兩個不同的頁面。

Printed layout sheets with column guides on a light table

檢查關卡才是產品本體

Hallmark 的檢查是在真實瀏覽器裡跑的,不是拿提示詞去比對。這個細節比聽起來更重要。你可以告訴模型「確保主視覺區塊塞得進畫面」,它照樣能生出一個在 1366×768 筆電上溢出的版本,因為它從頭到尾沒有渲染過任何東西。Hallmark 會真的打開頁面、看一眼,然後讓建置失敗。

關卡分成三層,而這個分層是整個設計裡最聰明的地方。

Floor(地板)層的關卡絕對不准上線。對比度不合格、缺少 focus 狀態、沒有處理 reduced-motion、手機版版面壞掉,以及——這條我沒預期到——憑空捏造的事實。最後這道關卡把幻覺出來的主張當成設計缺陷,而不是內容問題。如果頁面寫著「4,000 個團隊信任我們」,而 brief 裡完全沒有依據,建置就停。

Reflex(反射)層的關卡專門攔模型的下意識動作。這些可以推翻,但必須留下紀錄:建置時得寫出理由。這是個很細膩的設計。它不是禁止那種「AI 感」的手法,而是要模型替它辯護——實務上,大部分手法在這一關就死了。

Finish(收尾)層是工藝細節:間距節奏、視覺對齊,資深設計師最後十分鐘會修的那些東西。它們永遠不會阻擋上線。

最後由一個「全新上下文」的審查者拍板,這招很妙:讓模型在同一個上下文裡審自己的產出,它會替自己的選擇辯護;換一個完全沒看過討論過程的模型來看,它不會。

怎麼用

三個指令,而它們之間的分工,說明了這東西是做給誰的。

/hallmark 依你的提示詞從零建一個頁面。/hallmark redesign <path> 重建既有頁面,但保留它的內容和接線——表單照樣能送出,連結照樣會去該去的地方。/hallmark audit <path> 只做報告,當別人的頁面已經上線、你只想知道它為什麼「感覺不對」時,你要的就是這個。

它也可以指向一個網址、一個開發伺服器或一個正在跑的 App,自己截圖,於是它是在替你真正的產品設計,而不是想像中的產品。照片也是真的:755 張開放授權的照片,依主題挑選,並在頁面上標註出處。不會再出現那種生成出來的「微笑的人拿著筆電」主視覺。

為什麼是現在

時機才是重點。一年前,大家對 AI 生成介面的抱怨是「壞掉了」。現在它們做得有模有樣,但還是錯的。這是更難的問題,因為「能幹」把明顯的失敗訊號抹掉了。你指不出一個 bug,你只能指出那種「這不是人做的」的感覺,而感覺很難寫進 bug tracker。

Hallmark 的答案,是把感覺變成一張檢查表。每個標題上方的小標。拉開字距的全大寫。一個有顏色的字。拿來充數的空框。主視覺衝出螢幕。每一頁底部都有的註冊框。一個什麼都不會送出的「感謝」狀態。這些每一項都是具體、可測試的模式,而每一項之所以出現,都是因為模型在訓練資料裡看過一萬次。

這個重新框定才是真正的貢獻。「AI 垃圾」不是風格問題,是規格問題。模型產出的是訓練集的平均值,因為沒有人告訴它不能做什麼,也因為整條管線沒有任何環節有能力檢查。

最明顯的反駁

五十套主題終究還是五十套主題。如果 Hallmark 紅了,你以後認出 Hallmark 頁面的方式,就會跟認出 Tailwind 模板一樣,然後整個練習又要重來。團隊顯然知道這件事——所以主題是素材而不是版型,也所以有一個 custom 模式,只依提示詞設計,但套用同一組關卡。

第二個反駁是:這些關卡其實在編碼別人的品味。拉開字距的標籤本身沒有錯,有時候頁面真的需要一個電子報框。分層設計只回答了一部分——Reflex 關卡只要寫下理由就能推翻——但它終究是一套「本站風格」,而風格是會過時的。

但這些都不讓它變得沒用。它讓它成為一個好預設,適用於那 80% 只為了一件事而存在的頁面:預約時段、賣出商品、拿到 email。對這些頁面來說,失敗模式不是平淡無奇,而是那種「像機器做的、而且這台機器從沒用過網站」的詭異熟練感。

可以帶走什麼

如果你用寫程式的 agent 做東西,這裡真正可轉移的概念不是那 50 套主題,而是結構:少量素材、一道絕對不准上線的硬地板、一層要求你給理由的中間層,再加上一個對爭論過程毫無記憶的審查者。這個模式適用的範圍遠超過網頁。任何「模型產出東西、人類四秒內就要判斷、而且說不出為什麼」的場景,都用得上。

而如果你只是想要一個看起來不像凌晨三點生成的著陸頁,那就是裝一個 skill、下三個指令。門檻低到這個程度,14,000 顆星也就說得通了。

相關文章