Theme / v2.15.0

UI UX Pro Max

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

平台安裝

在 GitHub Copilot 中使用 UI UX Pro Max

用專案規則和元件契約約束 Copilot 的補全,減少孤立樣式、缺少狀態與不可操作元件。

在 GitHub Copilot 中使用 UI UX Pro Max

把規則放在 Copilot 可見的位置

在 repository instructions 或專案文件中寫明:優先重用哪些元件、Token 命名方式、按鈕和表單的無障礙契約、響應式斷點,以及完成前必須執行的命令。

提示詞範例

請先檢查現有 Card、Button 和 design tokens。
只使用既有模式,為通知列表補上 loading、empty、error 和 focus 狀態。
完成後列出 keyboard、mobile 和 contrast 的驗證結果。

不要要求 Copilot 一次生成整頁。先建立資料與狀態,再補元件,最後由人檢查視覺和互動。

驗收

檢查生成的 class 是否符合既有 Token,互動是否使用原生語意元素,並在 code review 中要求附上窄螢幕與鍵盤驗證證據。