AI 做的網站為什麼一看就很 AI？裝 Impeccable 加 Emil Kowalski Skills，讓 Claude 做出設計師手感

用 Claude、Cursor 之類的工具做網站，第一版常常讓人驚艷。但把幾個 AI 做的網站放在一起看，你會發現它們長得很像：同樣的配色、同樣的版面、同樣的「那種感覺」。

懂設計的人，通常幾秒鐘就能看出「這是 AI 做的」。這篇要整理這種「AI 味」最常見的三個破綻，並介紹兩個開源的 Skill：Impeccable 和 Emil Kowalski Skills，教你怎麼安裝，讓 Claude 做出來的網站比較不像模板。

AI 味的三個破綻

一、標題上面永遠有一排英文小字

很多 AI 生成的頁面，標題上方都會放一行全大寫的小字當標籤，像是「FEATURES」或「OUR PROCESS」。設計圈稱這種做法為 eyebrow。偶爾用沒問題，但 AI 幾乎每個區塊都放，就變成一種記號。

二、大數字配小字

「10x 更快」「99% 滿意度」，一個超大的數字，下面接一行小字說明。這種 hero metric 的排法太常見，常常數字還是編的，一看就像是套版。

三、四張一模一樣的卡片

圖示、標題、一段文字，重複四次，圓角一樣、陰影一樣，整齊排成一排。看起來乾淨，但完全沒有重點，也沒有個性。

另外還有漸層文字、玻璃擬態裝飾、預設的 Inter 字體、彈跳動畫等，都是常見的 AI 手感。

解法一：Impeccable

項目	內容
專案	pbakaus/impeccable
GitHub 星數	約 8.5 萬顆星（2026 年 10 月）
授權	Apache-2.0
官網	impeccable.style
內容	1 個 skill、24 個指令、61 條偵測規則
起點	從 Anthropic 的 frontend-design 延伸而來

Impeccable 的重點，是把「AI 老套做法」整理成明確的禁止清單。它內建 61 條確定性的偵測規則，可以用命令列或瀏覽器擴充套件執行，不需要 LLM，也不需要 API 金鑰。

它的規則裡，直接點名了前面講的幾個破綻：標題上方的 eyebrow 小字是硬性禁止；沒有真實順序卻硬標 01、02、03 的段落編號不行；大數字配小標籤的 hero metric 不行；一排一模一樣的圖示加標題加文字卡片，以及卡片套卡片，也不行。此外還禁止漸層文字、玻璃擬態當裝飾、彩色側邊線框、彈跳緩動，以及預設用 Inter 或 Arial。

另外它提供 24 個指令，像是 /impeccable polish、audit、critique、craft、typeset、layout、animate 等，可以針對排版、版面、動畫分別下指令。

安裝方式

在專案根目錄的終端機輸入：

npx impeccable install

裝完之後，在 Claude Code 裡打：

/impeccable init

這一步會產生一份 PRODUCT.md，用來描述你的產品，後續 Impeccable 會依據它來判斷風格。

如果你偏好用 Claude Code 外掛的方式：

/plugin marketplace add pbakaus/impeccable

然後開啟 /plugin 選單，從中安裝。官網 impeccable.style 也提供 ZIP 下載。

解法二：Emil Kowalski Skills

項目	內容
專案	emilkowalski/skills
GitHub 星數	約 4.9 萬顆星（2026 年 10 月）
授權	MIT
內容	15 個 skills，主力是 emil-design-eng

Emil Kowalski 曾任職於 Vercel 與 Linear，也是 Sonner 這個知名元件庫的作者。他的 Skill 重點放在動畫與介面細節。

像是 AI 常犯的錯：進場動畫用了 ease-in（其實應該用 ease-out）、該用柔和陰影的地方卻用了實線邊框。這份 skill 把這類細節寫成規則，讓 Claude 照著做。裡面包含 emil-design-eng（主力，管動畫與介面打磨）、animate、review-animations、animation-performance、break-ui、mobile-native 等。

安裝方式

npx skills@latest add emilkowalski/skills

兩個要怎麼搭配？

分工大致是這樣：

Impeccable：負責版面、字體、排版與「AI 老套清單」，著重「別做什麼」。
Emil Kowalski Skills：負責動畫與細節打磨，著重「怎麼做得精緻」。

我自己的建議是先裝 Impeccable，解決最明顯的 AI 味，再視需求加上 Emil 的規則來補動畫細節。

沒有要裝外掛？官方也有基本款

Anthropic 官方在 anthropics/skills 這個 repo 裡，就有一個 frontend-design skill（該 repo 約 18 萬顆星，2026 年 10 月）。它也有點名常見的 AI 套路，像是奶油色加陶土色的配色、一模一樣的圓角卡片加同款陰影、標題上的全大寫小標籤、01/02/03 的編號，並要求先規劃設計 token，再用截圖自我檢視。

至於安裝方式，我們沒有實際測試過，建議到官方 repo 的說明確認，不要照網路上流傳的指令直接貼。

要注意的地方

一、Impeccable 偏重

24 個指令、hooks，第一次執行時還會下載自己的執行檔到 ~/.impeccable/bin。如果你只想要一個輕量的小規則，可能會覺得有點大包。

二、Emil 的 Skill 偏重動畫

它主要處理動畫與細節，不是處理整體版面「AI 味」的工具。版面問題還是要靠 Impeccable 或官方的 frontend-design。

三、自動截圖檢查需要付費版

網路上有人介紹「讓 Claude 自己開瀏覽器截手機、平板、電腦版面再修正」，這類自動截圖檢查需要付費版 Claude（Pro 以上）。免費版只能套用規則。而 Impeccable 的即時瀏覽器模式，我們這邊沒有實際驗證，不在這裡保證。

四、規則不等於好設計

這些工具能幫你避開老套，但避開老套不等於有好品味。你仍然需要給它明確的品牌方向、參考圖和內容，否則只是從一種千篇一律換成另一種。

用 Skill 之前，先把需求講清楚

很多人裝了 Skill 之後，還是覺得做出來的網站不夠有個性，問題常常出在「需求太模糊」。如果你只丟一句「幫我做一個公司官網」，再厲害的規則也只能幫你避開雷區，無法憑空生出品牌個性。

比較好的做法是，在請 Claude 動手之前，先準備三樣東西：

品牌調性：你想給人什麼感覺？沉穩、活潑、專業、親切？用幾個形容詞講清楚。
參考對象：找一兩個你喜歡的網站，說明喜歡哪個部分，是字體、留白，還是整體氣氛。
真實內容：盡量給真實的文案與圖片。AI 在沒有內容時，最容易亂編數字和口號，這正是大數字配小字那種套路的來源。

有了這些，再搭配 Impeccable 的禁止清單，Claude 就比較能做出有重點、有取捨的版面，而不是把四張卡片排排站。

做完之後，也建議自己在手機、平板和電腦三種尺寸都看一遍。AI 做的版面常在手機上出現間距太擠、字太小的問題，這些細節用眼睛看最快，修起來也不難。

三步驟快速上手

如果你只想用最短的路徑試試看，可以照這個順序做：

在你的專案根目錄執行 npx impeccable install，再於 Claude Code 輸入 /impeccable init，讓它建立 PRODUCT.md，把你的產品、受眾和風格寫清楚。
請 Claude 照常做出第一版頁面，然後用 /impeccable critique 或 audit 讓它檢查哪裡還有 AI 老套，再用 polish 修掉。
如果覺得動畫生硬，再執行 npx skills@latest add emilkowalski/skills，讓 Claude 套用 Emil 的動畫與細節規則。

這樣的流程比較像是「先做出來，再用規則挑毛病」，比一開始就塞一大堆要求更有效。每跑完一輪，自己打開瀏覽器看一眼，確認標題上方的小字消失了、卡片不再整齊劃一，就代表規則真的有生效。

為什麼「AI 味」值得在意？

對個人專案來說，長得像模板也許無所謂。但如果網站是用來接案、賣產品或做品牌，第一印象就很重要。訪客不一定說得出哪裡怪，卻會直覺覺得「這家公司沒花心思」。

這也是為什麼把規則寫進 Skill 很有價值：你不需要每次都重複提醒 Claude「不要放小標籤、不要四張一樣的卡片」，裝一次，之後每個專案都自動套用。久了之後，你自己對版面的判斷力也會跟著提升，因為你會開始注意到那些被禁止的做法為什麼令人覺得制式。

小結

Impeccable 負責把 AI 老套的版面做法擋在門外，Emil Kowalski Skills 負責補上動畫和細節的功夫，官方的 frontend-design 則是免額外安裝就能參考的基本盤。三者都是規則型的工具，不會自動讓你的網站變好看，但能大幅降低「一看就是 AI 做的」的機率。建議先從 Impeccable 開始試，挑一個小專案跑一輪 critique 與 polish，看看前後差異，再決定要不要把整套流程放進日常工作。

參考連結

Impeccable：https://github.com/pbakaus/impeccable
Impeccable 官網：https://impeccable.style
Emil Kowalski Skills：https://github.com/emilkowalski/skills
Anthropic 官方 skills：https://github.com/anthropics/skills

更多 AI 工具，追蹤 IG @aihub.tw。