在 OpenCode 中使用 UI UX Pro Max
工作前檢查
先指定要沿用的 layout、元件、Token 和測試命令。若專案沒有設計系統,先建立最小 brief 和一個代表頁面,不要直接產生完整視覺框架。
建議拆分
- 讀取現有模式並列出影響範圍。
- 實作資料、loading、empty 和 error 狀態。
- 接上既有元件與語意 Token。
- 檢查手機、鍵盤、focus 和減少動態。
- 執行建置並摘要剩餘風險。
驗收
每一步都保留小 diff,避免視覺和行為問題混在同一批修改。若工具建議加入套件、重新建立元件或覆寫全域 CSS,先確認現有程式庫沒有可重用的解法。