pbakaus/impeccable
The design language that makes your AI harness better at design.
DietrichGebert/ponytail(已於 2026-09-05 推過),故改推第 2 名。這是什麼
Impeccable 是給 AI coding agent 使用的前端設計語言與技能包。README 把它定位成「讓 AI 更會做設計」的工具:不是再訓練模型,而是把產品脈絡、設計判準、瀏覽器迭代流程與可執行命令放進 agent 的工作流裡。它從 Anthropic 的 frontend-design skill 延伸而來,核心是先用 /impeccable init 建立 PRODUCT.md,記錄受眾、目的、限制、語氣與證據;視覺方向與既有設計系統則另外整理到 DESIGN.md。接著透過一組 /impeccable <command> <target> 指令,讓 agent 能針對頁面進行規劃、審查、打磨、動畫、字體、版面、效能與邊界情境等工作。README 也特別強調,它包含 24 個命令、live browser iteration,以及 61 條 deterministic detector rules,可在不需要 LLM 或 API key 的情況下跑規則檢查。
為什麼上榜
今天這個專案以 75,286 stars、日增 699 stars 的熱度衝上榜,很可能是因為它正好踩中「AI 會寫前端,但常做出模板感介面」這個痛點。README 直接點名常見 AI 介面套路:Inter 字體、紫藍漸層、卡片套卡片、彩色背景上的灰字、標題上方圓角方形 icon tile 等。Impeccable 的亮點在於它不是只給一份抽象美學建議,而是把設計批判拆成命令、規則、hook、live 模式與專案文件,讓 AI agent 有共同詞彙可以反覆迭代。它支援 Claude Code、Cursor、Codex CLI、Gemini CLI、Grok Build、Hermes Agent、Veto 等多種 harness,也降低了「只能綁某一家 agent」的採用風險。
適合誰,可以拿來做什麼
它最適合正在用 AI agent 做前端、產品頁、管理介面或 SaaS 原型的人:你已經能讓 agent 寫出可跑的 UI,但希望它少一點罐頭味、多一點產品脈絡與設計一致性。對個人開發者來說,Impeccable 可以拿來做 landing page critique、最後出貨前 polish、checkout harden、空狀態與 onboarding 補強;對團隊來說,PRODUCT.md 與 DESIGN.md 則像是把產品真相與設計系統交給 agent 的接口。上手門檻主要在於你要願意把 AI 工具工作流納入專案,而不是單純複製元件;README 也提醒某些平台需要信任 workspace、批准 hooks,或避免同一 workspace 裝重複 skill。
上手
README 推薦從專案根目錄使用 CLI installer,安裝後再到 AI coding tool 裡初始化:
npx impeccable install
/impeccable init
若要刷新既有安裝,可執行:
npx impeccable update
安裝器會偵測可用的 harness 或 CLI,例如 ~/.claude、~/.codex、~/.grok、~/.hermes、~/.veto 或專案內 .cursor,並讓你選擇 project 或 global scope。也可用參數指定 provider 與 scope,例如 --providers=claude,codex,cursor,grok,hermes,veto、--scope=project|global。README 另提供 Git submodule、VS Code Marketplace extension、Claude/Grok plugin、網站 ZIP,以及手動複製各工具目錄等安裝方式。
README 重點摘要
- 一套 setup flow:
/impeccable init會建立PRODUCT.md,把耐久的產品脈絡與臨時視覺指示分開。 - 24 個
/impeccable命令涵蓋 craft、shape、critique、audit、polish、harden、animate、typeset、layout、optimize、live、generate 等情境。 - 61 條 deterministic detector rules 可在 CLI 與 browser extension 中執行,不依賴 LLM 或 API key。
- README 明列反模式:避免過度使用預設字體、灰字壓在彩色背景上、純黑灰、卡片套卡片與過時彈跳 easing。
- Impeccable 會在
.impeccable/寫入截圖、live session、cache、review 等工作檔;README 建議把暫態檔加入.gitignore,但保留共享的設定與設計產物。