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 設計陷阱,如純黑/灰或嵌套卡片。

相關

  • 專案
  • 專案
  • 專案
  • 專案
  • 專案