怎麼讓 AI 生出來的前端不那麼「一坨」：一份實戰減糊指南

一篇標題直白的部落格〈Slightly reducing the sloppiness of AI generated front end〉登上 Hacker News。作者談的是每個用 AI 寫前端的人都遇過的痛：模型生出來的介面常常「能跑但很糊」——版面鬆散、樣式不一致、一堆用不到的 class 與重複程式碼，看起來就是一坨 AI 味。

他的減糊思路不玄。第一是約束輸入：與其讓模型自由發揮，不如先給定設計系統、元件庫、命名規範與範例，把模型的選擇空間收窄。第二是分段生成：把「結構、樣式、互動」拆開分次要求，比一次叫它生一整頁更容易控制品質。第三是人工收尾：把重複的標記抽成元件、刪掉死碼，這步目前還是得人來。

背後的道理是：AI 生成的品質，很大程度由你餵進去的約束決定。給得愈鬆，它就愈往「平均、安全、糊」的方向走；給得愈具體，產出愈接近你要的樣子。提示工程在前端這種對細節很敏感的領域，回報特別明顯。

對任何用 AI 加速開發的團隊，這篇的價值在於把「感覺很糊」拆成可操作的步驟。把設計系統與規範前置、把生成流程拆段、把收尾納入流程，就能把 AI 從「製造技術債的機器」變成「真的省時間的助手」。