ui-ux-pro-max

UI/UX Pro Max 是一套為開發人員、產品設計師及軟體工程師打造的綜合設計智慧代理，旨在構建高品質、易存取且效能優異的用戶介面。此工具作為設計系統的結構化儲存庫，涵蓋從核心無障礙標準與互動模式，到具體的佈局與排版建議等各方面。它旨在協助用戶透過提供基於數據且按優先順序排列的指導，來應對 UI 元件設計、配色方案選擇及 UX 程式碼審查的複雜性。本系統高度實用，提供針對 React、Vue、Next.js、Tailwind CSS 等 9 種技術堆疊的搜尋能力。

• 存取包含 99+ 項 UX 指引、97 種配色方案、57 組字型搭配、50+ 種設計風格及 25 種圖表類型的可搜尋資料庫。

• 為各種產品類型（如 SaaS 儀表板、電子商務網站、作品集與登陸頁面）產生完整且具備情境意識的設計系統。

• 確保符合關鍵的無障礙標準，包括色彩對比度 (4.5:1)、焦點狀態、鍵盤導覽及 ARIA 標籤使用。

• 透過視口管理、圖像最佳化策略與觸控目標尺寸（最小 44x44px）來強化效能與行動裝置響應能力。

• 實作業界標準的動畫計時與減輕動態效果模式，以提升用戶體驗。

• 利用內建搜尋工具查詢特定領域，例如無障礙、觸控互動、佈局、排版與數據視覺化。

• 接收基於特定框架（如 React、Next.js、Vue、Svelte、SwiftUI、Flutter 與 React Native）的量身定制程式碼實作片段。

• 啟動專案時，務必使用 --design-system 標記，以獲取適合您特定產業與專案目標的規則建議。

• 除非另有說明，否則預設採用 html-tailwind 技術堆疊；確保所有實作皆符合效能與無障礙最佳實踐。

• 使用 CLI 搜尋功能深入探索特定需求，例如尋找毛玻璃風格範例、即時儀表板的圖表建議，或行動裝置無障礙的特定 UX 指引。

• 本技能適用於活躍的設計階段：請將其用於原型製作、元件級別的 UI/UX 審核、色彩系統建立以及確保跨瀏覽器的一致性。