概述
開始使用 Master CSS
學習 class 語法、設計 token 與 CSS 交付方式,並套用到使用的框架。
開始使用 5
安裝 Master CSS,開始第一個專案。
AI 代理工作流程 2
設定編輯器,與 AI 程式開發代理協作。
撰寫樣式 7
組織主題 token、樣式與可重用的套件。
- 主題 token 定義共用設計值、觀察 token 變更如何影響使用端,並選擇區域覆寫、靜態傳遞與 inline 替換。
- 全域樣式 載入一個應用程式進入點、依職責拆分共用 CSS,並將文件預設值、元件規則與路由樣式放在適當範圍。
- 重用樣式 依哪些內容應一起改變,選擇 token、元件類別、utility 與 mixin,同時保留容易表達的區域變化。
- 路由層級樣式 以共用定義支援區域傳遞的路由 CSS,並區分參照脈絡、原生規則與選擇器作用範圍。
- 掃描類別名稱 撰寫完整類別名稱、處理變動值,並納入靜態建置所需的原始檔。
- 撰寫套件 發布共用 CSS 原始碼、在各應用程式覆寫公開 token,並透過正式環境使用端驗證打包後的套件。
- Master CSS 程式碼檢查 使用 ESLint 驗證 Master CSS class、偵測衝突、排序 class 清單,並套用專案政策。
基本概念 4
理解專案脈絡、渲染、串接層與檢視轉場。
設計基礎 4
以一致的版面、色彩與排版建立響應式介面。
建置與交付 1
為正式環境準備並最佳化樣式。