pbakaus/impeccable
The design language that makes your AI harness better at design.
解決的問題
Impeccable 為 AI 編碼代理提供設計指引與品質控制,防止其產生一般性、重複性與低品質的前端設計(例如過度使用的字型、重複的卡片佈局、不良的色彩選擇)。它建立共享的設計詞彙與決定性規則,確保 AI 生成的 UI 專業且視覺上具辨識度。
如何運作
它作為一個「技能」可安裝至各種 AI 編碼工具(如 Cursor、Claude Code、GitHub Copilot 等)。結合以下元件運作:
- 永續產品真相:透過
/impeccable init建立的PRODUCT.md檔案,儲存專案的受眾、目的與限制。 - 設計命令:23 個具體命令(例如
/impeccable polish、/impeccable audit、/impeccable animate),為 AI 提供精確的設計詞彙。 - 決定性偵測器:CLI 與瀏覽器擴充功能,執行 61 條規則以偵測設計反模式,無需 LLM API 金鑰。
- 設計鈎子:原生整合至代理工作流程的鈎子,掃描 UI 檔案修改,並即時將設計發現回饋給 AI 代理。
適用對象
與 AI 編碼代理協作,希望超越一般「SaaS 風格」的 AI 輸出,達成高保真、專業 UI/UX 的前端開發者與設計師。
主要亮點
- 廣泛工具支援:相容於多種代理,包括 Claude Code、Cursor、Codex、GitHub Copilot、Grok Build 與 Gemini CLI。
- 決定性規則:61 條規則可識別設計缺陷,無需依賴 LLM 推理。
- 即時迭代:
/impeccable live模式可在瀏覽器中直接對視覺變體進行迭代。 - 反模式指引:明確指導避免常見的 AI 設計陷阱,如純黑/灰或嵌套卡片。
相關
- 專案
- 專案
- 專案
- 專案
- 專案