nextlevelbuilder/ui-ux-pro-max-skill

UI UX Pro Max – AI 驅動的設計助手

是什麼 – 可加入 AI 程式碼助手（Claude、Cursor、Gemini、Copilot 等）的開源「技能」。當你要求助手設計 UI 時，該技能會執行本地 Python 基礎的搜尋＋推理引擎，並回傳完整的設計系統：佈局模式、視覺風格、色彩調色盤、字型、互動效果，以及交付前檢查清單。

核心功能

• 設計系統產生器 – 接收自然語言請求（例如 「為我的美容院建立一個登陸頁面」），利用 192 個產業特定的推理規則，產生可直接實作的規格。
• 79 種可搜尋的 UI 風格（50 種活躍）如 Glassmorphism、Neumorphism、Minimalism 等，每種皆有穩定 ID。
• 192 種色彩調色盤 和 74 種字型搭配，對應 192 個產品類型分類。
• 22 種技術堆疊指南（React、Vue、Flutter、SwiftUI 等），根據你使用的框架客製化建議內容。
• 119 條 UX 指南，涵蓋可存取性、響應式斷點、焦點狀態、減少動畫、穩健文字處理等。
• CLI 工具（ui-ux-pro-max-cli）：安裝 uipro 命令。使用 uipro init --ai <assistant> 可將該技能加入選定的 AI 助手，支援專案級或全域新增。
• 離線友善 – 唯一的執行時依賴是 Python 3.x；搜尋腳本僅使用標準程式庫，不進行任何網路呼叫。

運作原理（高階流程）

1. 使用者請求 – 向 AI 助手輸入設計需求。
2. 多領域搜尋 – 該技能對產品類型、風格、色彩、佈局模式、字型五個面向並行搜尋其精選資料集。
3. 推理引擎 – 應用 BM25 排名、規則基礎匹配與 JSON 編碼的決策規則，選出最佳的佈局、風格、色彩、字型與效果，同時過濾反模式。
4. 輸出 – 一個結構化設計系統（如 README 所示）以及一份可存取性與實作限制的檢查清單。

基礎版 vs 高階版

• 倉儲提供 基礎版（開源）：包含全部 UI/UX 智能、風格搜尋與設計系統產生功能。
• 高階版 增加品牌識別資產、AI 生成圖像、更深入的權杖架構與優先支援，但需於專案網站單獨購買。

適合誰使用

• 希望無需手動研究 UI 趨勢即可快速獲得一致設計規格的前端開發者。
• 使用 AI 增強程式碼助手並能自動呼叫該技能的團隊。
• 建構原型的愛好者，需要快速獲得產業適用的視覺方向。

安裝快照

npm install -g ui-ux-pro-max-cli   # 安裝 `uipro` 命令
uipro init --ai claude            # 將技能加入 Claude Code（或其他支援的助手）

你將獲得 – 一個可複製到程式碼庫（HTML/CSS、Tailwind、React 組件、Flutter 小工具等）的純文字設計系統，然後用實際 UI 程式碼填補。

---

所有細節皆直接取自倉儲的 README；未推斷任何額外功能。