Theme / v2.15.0

UI UX Pro Max

把模糊需求變成可實作、可驗收的介面

平台安裝

在 OpenCode 中使用 UI UX Pro Max

將 UI 任務拆成可審查的小步驟,讓 OpenCode 在既有設計系統內工作並留下驗收證據。

在 OpenCode 中使用 UI UX Pro Max

工作前檢查

先指定要沿用的 layout、元件、Token 和測試命令。若專案沒有設計系統,先建立最小 brief 和一個代表頁面,不要直接產生完整視覺框架。

建議拆分

  1. 讀取現有模式並列出影響範圍。
  2. 實作資料、loading、empty 和 error 狀態。
  3. 接上既有元件與語意 Token。
  4. 檢查手機、鍵盤、focus 和減少動態。
  5. 執行建置並摘要剩餘風險。

驗收

每一步都保留小 diff,避免視覺和行為問題混在同一批修改。若工具建議加入套件、重新建立元件或覆寫全域 CSS,先確認現有程式庫沒有可重用的解法。