Theme / v2.15.0

UI UX Pro Max

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

平台安裝

在 Claude Code 中使用 UI UX Pro Max

把設計 brief、Token 和 UX 驗收清單放進 Claude Code 的工作上下文,讓每次 UI 修改都有可檢查的約束。

在 Claude Code 中使用 UI UX Pro Max

建議工作區

在專案中準備一份 design-brief.md,內容包含目標使用者、主要任務、Token 來源、元件規則、無障礙要求和驗收命令。讓 Claude Code 在修改介面前先讀取這份文件。

先閱讀 design-brief.md。
實作前列出會影響的元件與狀態;完成後用手機寬度、鍵盤操作和專案既有檢查命令驗證。

建議流程

先讓代理產生方案和受影響檔案,再批准修改。要求它同時更新 loading、empty、error、focus 和 disabled 狀態;不要只驗證成功畫面。

驗收

檢查 diff 是否保留既有元件 API,執行專案的 lint/build,並用瀏覽器實際走一條主要任務。UI UX Pro Max 是規則與檢查方法,不是可替代人工判斷的視覺自動修復器。