educlopez/ui-craft

它解決的問題

AI程式碼代理經常產生通用且品質低下的使用者介面（稱為「AI 惡意」），缺乏專業的設計品味與可用性。UI Craft 為 AI 代理提供一套具主見的設計規則、驗證工具與結構化工作流程，確保產生的 UI 可以達到生產環境標準且具設計師級水準。

如何運作

UI Craft 可作為技能或 CLI 工具整合至 AI 程式碼引擎（如 Claude Code、Cursor 或 Gemini）。它使用四階「梯子」來逐步提升設計控制層級：

• 第 0 階（詢問）： 代理利用設計知識，根據簡單提示改善結果。
• 第 1 階（直接）： 使用者使用特定的斜線指令（例如 /craft、/polish、/animate）觸發專注的設計流程。
• 第 2 階（持久）： 將持久的設計上下文（如簡報與權杖）儲存在 .ui-craft/ 中，以維持跨會話的一致性。
• 第 3 階（強制）： 質量門檻、MCP 伺服器與 CI 檢測器確保 UI 不會退化，並符合 10 項接受標準。

它還具備一個探索階段，用於分析現有專案的風格，以及可調整的「旋鈕」來設定工藝等級、動畫強度與視覺密度。

適用對象

使用 AI 程式碼代理，但希望無需成為專家設計師即可交付高保真、專業級 UI 的開發者。

主要特色

• 可評分的批判： 基於 Nielsen 的 10 項可用性法則與 6 項經典設計法則，產生可辯護的評分卡。
• 框架無關： 可在各種框架與 AI 引擎中運作。
• 完整的指令集： 提供 25 種專用斜線指令，涵蓋從線框圖設計（/shape）到生產環境強化（/harden）的各項功能。
• 整合的品質門檻： 包含 MCP 門檻與審查代理，防止「AI 惡意」進入生產環境。