紅大探索 Impeccable Repo 的大發現(Claude AI)
它不是生成網頁的新模型,而是把設計師流程寫成 AI 必須遵守的規則
Impeccable 是給 Claude Code、Codex、Cursor 這類 AI 寫程式工具用的前端設計 Skill。讀完 repo,我整理出三個最重要的發現。 意思是:AI 做的網頁有「AI 味」,不是模型不會畫,而是它缺少產品脈絡,只能套全網最常見的公版。Impeccable 先補脈絡,再用規則把公版擋下來。 發現一:先訪談產品,再動手設計
每個新專案先跑 /impeccable init。它會先讀專案,只針對缺漏的產品事實發問:受眾、目的、使用情境、限制、語氣、佐證,寫成 PRODUCT.md,之後每個設計指令都以它為依據。完整的 craft 流程長這樣:
產品訪談 → 寫下 PRODUCT.md → 找現實世界隱喻 → 隨機抽選主提案 → 動手設計 → 雙層審查
其中「隨機抽選」最巧妙:它逼 AI 認真發展一個不是最安全的方向,跳出統計上的平均值。 發現二:用規則自動擋下 AI 味,而不是靠你盯
Impeccable 有 61 條確定性偵測規則,像是全部用 Inter、紫到藍漸層、卡片套卡片、彩色背景上的灰字,都會被點名。關鍵是安裝時一起裝上的 design hook: 以前:AI 改完畫面,得靠你自己一條條挑出 AI 味。 現在:AI 每次改 UI 檔案,hook 自動掃描,把問題直接回饋給 AI 修正。
所以安裝請用 npx impeccable install,再於 AI 工具裡跑 /impeccable init,只把 repo 丟給 AI 安裝,可能會漏掉 hook。 發現三:不用全套上,挑對地方用 先健檢,不花 token:npx impeccable detect 可以直接掃網址或資料夾,不經 LLM、不需 API key,先看自家頁面有哪些 AI 味。 重要門面才跑完整流程:完整流程要一個多小時,一般 AI 只要兩分鐘。產品首頁、核心 landing page 值得;內部後台用一般 AI 就夠。 借用它的方法論:把自己的領域知識寫成有約束力的 Skill,並用確定性規則當第二道防線,這才是這個 repo 最值得學的地方。 注意:在 Claude Code 裡,這個 hook 會獨立於模型的工具核准機制執行。建議先在測試專案試裝,確認行為符合預期,再裝進正式專案。
延伸閱讀:AI 設計的「去味」挑戰:Impeccable 流程如何提升設計深度