網頁與介面設計

列出一個介面或元件需要的每一種狀態：載入、空、錯誤、部分成功、停用、離線、無權限與極端內容，並為每種狀態定好使用者看到什麼、能做什麼。

對照 WCAG 2.2 AA 級檢視頁面或元件：鍵盤、焦點、對比度、名稱與標籤、結構、表單、對話框、動態更新、縮放與點擊目標大小，每項發現都對應到具體的成功準則。

讓介面不重新設計也能承載任何語言：訊息文案庫、依地區格式化、能適應不同文字長度的版面、中日韓與由右至左的支援，以及附規範網址的語言切換。

可檢索的介面設計知識庫：風格、配色、字體搭配、UX 規範、圖表與各技術堆疊的實作建議，動手前先確定視覺方向。

找出在特定螢幕寬度下版面出問題的真正原因：橫向捲動、溢出、不肯縮小的 flex 子項、不吸附的 sticky、手機上的 100vh，以及固定列被瀏覽器介面遮住。

做出在兩種主題下都正確的深色與淺色模式：語意色彩 Token、跟隨系統設定加手動切換、載入時不閃錯誤主題，並在兩種主題中分別核對對比度。

建立三層設計 Token（基礎值、語意、元件）、撰寫元件規範，並產生符合 Token 規範、帶 Chart.js 圖表的 HTML 簡報。