在 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 中要求附上窄螢幕與鍵盤驗證證據。