Impeccable 是由 Paul Bakaus 開發的開源專案,從 Anthropic 的 frontend-design skill 衍生而來,目的是協助 AI 編碼助手把前端網頁設計做得更好。作者觀察到,許多 AI 模型都是用相似的 SaaS 範本訓練出來的,因此產出的介面常常長得一樣:Inter 字體、紫到藍的漸層、卡片疊卡片、灰色文字配彩色背景,還有統一的圓角方形圖示。Impeccable 希望透過一套結構化的設計系統,讓 AI 寫出的網頁擺脫這種千篇一律的樣板感。
這個專案提供 24 個設計指令,像是負責完整流程的 /impeccable craft、檢查無障礙與效能的 /impeccable audit,以及做最後潤飾的 /impeccable polish。核心是 61 條不需要 LLM 或 API 金鑰的確定性檢測規則,可以直接掃描目錄、HTML 檔案或網址,用指令 npx impeccable detect 執行,也能輸出 JSON 給 CI 流程使用。專案以 JavaScript 與 TypeScript 為主,另外也包含用 Rust 寫成的獨立二進位引擎,可以透過 npx impeccable install 一鍵安裝,支援 Claude Code、Cursor、GitHub Copilot 等 17 種工具。
這個專案在 GitHub Trending 上衝到前段班,短時間內就累積超過 7 萬 5 千顆星,顯示不少開發者對「AI 寫出來的網頁都長一個樣」這個痛點很有共鳴。隨著愈來愈多人用 AI 編碼助手直接生成前端畫面,如何避免千篇一律、缺乏品牌個性的設計,成為社群討論的焦點,而 Impeccable 用規則化檢測取代單純仰賴模型美感判斷的做法,也讓它在相關工具中顯得特別實用。
對正在學程式的孩子來說,這個專案是很好的例子,說明寫程式不只是讓功能動起來,設計品味與使用者體驗同樣重要。它也展示了開源社群如何把「好的設計判斷」拆解成可以被電腦檢查的具體規則,這種把抽象概念變成清楚規範的思考方式,其實和學寫程式、學解數學題目講求的邏輯拆解能力是相通的,值得正在培養運算思維的孩子多觀察。
JavaScriptAI開源前端設計