你有沒有發現,最近逛 Hacker News Show HN 頁面時,越來越難分辨哪個網站是誰做的了?
不是因為大家都變強了,而是因為——它們都長得一模一樣。
2026 年 4 月,瑞士開發者 Adrian Krebs 做了一件有趣的事:他爬了 500 個最新的 Show HN 提交,用 15 個 CSS 和 DOM 規則去「評分」,看這些網站到底有多少是被 AI 生成的。結果是:67% 的提交觸發了至少 2 個 AI 設計模式,其中 21% 是「重度 slop」——觸發了 5 個以上的特徵。
他寫了一篇詳細的分析,標題很直白:Show HN submissions tripled and now mostly share the same vibe-coded look。這篇文章在 Hacker News 上拿到了 308 票和 220 則討論,熱度相當高。
為什麼這件事值得關注?因為它抓到了一個所有人都在隱約感覺、卻很少有人認真量化的現象——AI 不只是幫你寫程式,它還在悄悄地讓全世界的網站變成同一張臉。
Show HN 爆量:Codex 時代的副作用
先講背景。Show HN 是 Hacker News 上一個很特別的區塊,開發者可以在這裡展示自己的作品——可以是 side project、新服務、工具、甚至是剛剛上線的 MVP。過去幾年,Show HN 的提交量一直很穩定。
但從 2024 年底開始,曲線突然垂直拉升。
Krebs 在他的分析中附了一張時間趨勢圖:Show HN 的月提交量在 2025 年後半段暴增了約三倍。原因是什麼?Claude Code 和各種 AI 編碼工具的普及。
這不是猜測。Hacker News 的管理員 dang 甚至不得不專門為新帳號推出「/showlim」限制機制——新註冊的帳號無法立刻貼 Show HN,得先累積足夠的聲譽。這個限制在 2026 年 3 月上線後,曲線確實出現了一波下調,但整體提交量仍然遠高於 AI 時代之前的水準。
換句話說,AI 把 side project 的門檻降到了前所未有的低點。以前做一個 Side Project 要從頭寫 HTML、CSS、JS,現在只要對 Claude 說「做一個 SaaS landing page」,幾分鐘內就出來了。
但問題是——大家都對 Claude 說了同一句話。
15 個模式:怎麼判斷一個網站是 AI 生的?
Krebs 的方法很直接,也很聰明。他不用截圖讓 LLM 去「看」,而是用 Playwright 無頭瀏覽器載入每個網站,然後用一段 in-page script 去分析 DOM 結構和 computed styles。
他總共設定了 15 個檢查規則,分成四類:字型、顏色、佈局怪癖、CSS 模式。
字型篇:AI 的統一制服
AI 模型偏好特定的字型組合,Krebs 列出了幾個最容易辨識的:
- Inter 用於所有地方,特別是中置的 hero 大標題。Inter 本身是一個很好的字型,沒什麼不對——但當所有人都用它,它就從「好的選擇」變成了「沒有選擇」。
- 特定的字型組合:Space Grotesk、Instrument Serif、Geist 這幾種經常配在一起出現。LLM 似乎有它們偏好的「字型食譜」。
- 襯線斜體 + 無襯線主體:在一整篇 Inter 的 hero 文字中,挑一個單詞用 Instrument Serif 的斜體來強調。這是個非常典型的 AI 設計小技巧——第一眼看起來很「設計感」,但看多了就覺得套路。
顏色篇:暗黑模式的統一調色盤
這一點特別有趣。Krebs 和他的設計師朋友們歸納出幾個很明顯的 AI 色調特徵:
- 「VibeCode 紫」:沒錯,就是那個在各種 AI 生成網站上反覆出現的紫色調。已經紅到被取了名字。
- 永恆暗黑模式:中灰色的主文字、全大寫的區塊標籤。很少有 AI 生成網站敢用亮色模式。
- 邊緣通過對比度的文字顏色:很多暗黑模式網站的文字對比度只是「勉強及格」,並不舒適。
- 漸層 everything:背景漸層、按鈕漸層、卡片漸層——如果你看到一個 Landing page 到處都是漸層,那很可能是 AI 生的。
- 大型彩色 glow 和彩色 box-shadow:彩色發光效果在 AI 生成的網站上出現的頻率高得異常。
佈局篇:一模一樣的模板味
這是視覺上最容易看出來的部分:
- 置中 hero + 通用無襯線字體:幾乎是所有 AI 生成 Landing page 的標準起手式。
- hero 上方的小標籤(Badge):在 H1 正上方擺一個 pill 形狀的 badge,寫著「New」「Launch Week」「Beta」之類的字樣。Krebs 放了兩張截圖,來自兩個完全不同的網站,但 hero 區域看起來幾乎一模一樣。
- 卡片頂部或左側的彩色邊框:這是最強的 AI 設計指標之一。一位設計師對 Krebs 說:「彩色左邊框幾乎跟 em-dash 一樣,是 AI 生成內容的可靠標誌。」
- 一模一樣的功能卡片:每張卡片上方一個圖示,下方一段文字。圖示和文字不同,但佈局完全複製貼上。
- 編號的「1, 2, 3」步驟序列:AI 很喜歡把流程拆成三個步驟,然後用數字標示。
- 統計資料列(Stat banner rows):三到四個數字並排,寫著「10K+ users」「99.9% uptime」之類。
- 側邊欄或導航列用 emoji 圖示:🚀⚡🔥 等等——不是說 emoji 不好,但當整排都是 AI 選的 emoji,味道就出來了。
- 全大寫的標題和區塊標籤:ALL CAPS SECTION LABELS 是另一個常見特徵。
CSS 模式篇:技術棧的指紋
- shadcn/ui:這個 React UI 元件庫是目前 AI 編碼工具最喜歡套用的框架。如果你看到一個網站有 shadcn/ui 的痕跡——不是說它不好,但它幾乎已經成了 AI 生成網站的「標準零件」。
- 玻璃擬態(Glassmorphism):毛玻璃效果在 AI 生成的 Landing page 上出場率極高。Krebs 甚至舉了一個例子:一個 AI 生成的 outreach 郵件,寄信者試圖推廣服務,但郵件裡附帶的截圖本身就是一個完美的 AI 設計模式範例——彩色左邊框卡片。
數據說話:500 個網站的評分結果
Krebs 用這 15 個規則掃了 500 個最新的 Show HN 提交,結果長這樣:
| 分級 | 觸發模式數 | 網站數量 | 佔比 |
|---|---|---|---|
| Heavy slop(重度) | 5 個以上 | 105 | 21% |
| Mild(中度) | 2–4 個 | 230 | 46% |
| Clean(乾淨) | 0–1 個 | 165 | 33% |
67% 的 Show HN 網站觸發了至少 2 個 AI 設計模式。 只有三分之一維持了「乾淨」的狀態。
Krebs 自己也承認這個方法有誤判的可能,因為有些模式(比如 Inter 字型)並不一定是 AI 的專利——很多人類設計師也很喜歡 Inter。他手動 QA 了一輪,估計誤判率在 5-10% 左右。但即使扣掉誤判,這個數據仍然很有說服力。
「這不好嗎?」——問題不在設計,在於意圖
Krebs 在文章裡問了一句:「這樣很糟嗎?」
他的回答很有意思:「不盡然,只是沒有靈魂。畢竟,驗證商業想法從來就不靠漂亮的設計,而且在 AI 時代之前,大家的網站看起來都像 Bootstrap。」
這句話點到了核心。技術中性的,但使用方式不是。
在 Bootstrap 時代,人們選擇 Bootstrap 是因為它節省時間,但那些真正好的產品,會花力氣在 Bootstrap 之上打造自己的視覺語言。同樣的邏輯適用於 AI 生成網站——問題不是用 AI,而是「完全交給 AI 決定」。
Krebs 和設計師朋友討論後發現:那些真正優秀的產品團隊,會把 AI 生成的 Landing page 當作第一版草稿,然後投入時間打磨、調整、加入自己的風格。 而那些「重度 slop」的網站,看起來就像開發者直接按了「輸出」,連改都沒有改。
這不是審美層面的問題,而是傳遞了一種信號:如果你連首頁都不願意調整,你的產品本身會有多用心?
Hacker News 社群的討論亮點
這篇文章在 HN 上引發了 220 則討論,有幾個觀點特別值得提出:
設計師視角:
一位設計師說,他現在看到新的 Show HN 專案時,已經養成了「先看設計,再看功能」的習慣。如果設計是典型的 AI 模板風,他會帶著更懷疑的態度去評估產品本身。
開發者反擊:
也有開發者不以為然,認為這只是「新的常態」——就像當年 Bootstrap 剛開始流行的時候,也有一堆人批評「所有網站都長一樣」,但最後市場適應了。AI 設計模式也會走同樣的路:當大家看膩了,自然會開始追求差異化。
商業角度:
有創業家分享了自己的經驗:他用 AI 生成了一個 MVP 首頁,A/B 測試後發現轉換率比親手設計的低了 30%。原因不是設計不好看,而是「使用者感覺太像模板了,缺乏信任感」。
技術難點:
也有人指出,Krebs 的評分規則雖然聰明,但只能抓到表面的 CSS 特徵。真正有經驗的開發者會刻意避開這些模板模式,讓 AI 生成「不像 AI」的設計——這才是未來更大的挑戰。
對台灣開發社群的啟發
這篇文章對台灣的開發者社群有幾個值得思考的切入點:
Side Project 的紅海化。
AI 編碼工具讓做 Side Project 變得前所未有地容易。但當每個人都能快速做出一個 Landing page 時,競爭從「會不會寫程式」轉移到了「能不能做出差異化」。對於台灣的獨立開發者來說,這既是危機也是轉機——門檻降低意味著更多競爭者,但也意味著只要你願意多花一點心思在設計和使用者體驗上,就能輕易脫穎而出。
「vibe coding」現象正在改變軟體開發文化。
台灣的工程師社群對 AI 編碼工具的採用率很高。但有一個隱憂是:如果開發者習慣了讓 AI 做所有設計決定,他們對視覺品質的敏感度可能會逐漸鈍化。不是說每個工程師都要變成設計師,但至少要能夠辨識「好的設計」和「AI 默認的設計」之間的差距。
信任經濟的重新定義。
在一份 2026 年初的調查中,超過 60% 的使用者表示他們現在會刻意尋找「非 AI 風格」的網站來消費。這聽起來很矛盾——使用者喜歡 AI 帶來的高效率,但又對 AI 生成的千篇一律感到厭倦。對於台灣的新創團隊來說,這提供了一個明確的策略方向:在 AI 的時代,刻意的人味反而成為競爭優勢。
不只是設計問題,而是時代的訊號
Krebs 在他的分析最後說了一句話,我覺得特別值得思考:「我猜人們會回歸到創作漂亮的設計,來讓自己從 slop 中脫穎而出。但另一方面,我也不確定當 AI agent 成為網路的主要使用者之後,設計還有多重要。」
這句話點出了當前 AI 時代的核心矛盾:我們一方面用 AI 大量生產內容,讓網路變得越來越同質化;另一方面,我們又在呼喚「真實」和「人性」的回歸。
這不只是設計問題,而是整個時代在轉變的訊號——我們正在進入一個新的階段,一個好壞還說不準的階段。技術本身沒有對錯,但我們如何用它,最終定義了我們是誰。
而對台灣的開發者來說,真正的挑戰不是如何追上 AI 浪潮,而是在浪潮中如何保持自己的辨識度。在全球狂歡的時代,保持清醒和獨特性,可能比任何技術都更難。