Makepad

makepad-2.0-events 是一個用於 Frontend Development 中事件與動作處理的 Makepad 2.0 技能。它能幫你判斷 on_click、on_render、MatchEvent 和 script_eval! 應該放在哪一層，並以較少猜測的方式把 UI 互動連到 Rust 狀態更新。適合用來取得安裝、使用與工作流程指引。

makepad-2.0-dsl 是一個實用技能，專門用來撰寫、閱讀與修正 Makepad 2.0 DSL 的 `script_mod!` UI 程式碼。它能幫助前端開發者與 Rust UI 作者正確使用冒號語法、具名實例、合併行為與 Rust 綁定，並提供清楚的 makepad-2.0-dsl 安裝與使用指南。

makepad-2.0-design-judgment 是 Makepad 2.0 中第一個應載入的設計判斷技能，涵蓋設計判斷、架構、元件邊界、資料流與渲染策略。使用 makepad-2.0-design-judgment skill，可將需求導向正確的 Makepad 合規技能，並在實作前做出更好的設計決策。

這份 makepad-2.0-app-structure 技能指南，聚焦 Makepad 2.0 的 App 結構、Rust + Splash 整合、hot reload 與應用程式啟動流程。了解如何安裝 makepad-2.0-app-structure、閱讀核心參考資料，並把它用在前端開發上，不必再靠猜測 boilerplate。

makepad-2.0-widgets 幫助你找到適合的 Makepad 2.0 元件、屬性與組合模式，用於 UI 設計實作。當你需要 makepad-2.0-widgets 的用法、元件目錄查找，或是以 Splash 語法打造版面、清單、對話框與進階模式的實用指南時，都很適合使用它。

makepad-2.0-vector 是一個用於 SVG 風格 UI 設計的 Makepad 2.0 向量圖形技能。可用來透過 Vector{} 或 Svg{} 建立俐落的圖示、徽章、插圖、漸層、濾鏡、變形與動畫向量元素。這份指南可協助你安裝 makepad-2.0-vector，並取得較接近可直接實作的輸出，減少猜測。

makepad-2.0-troubleshooting 是一個聚焦於 Makepad 2.0 疑難排解的技巧，專門用來做「症狀到修正」的除錯。它可協助處理看不見的 UI、點擊失效、編譯錯誤、熱重載問題，以及遷移回歸。當你需要針對 Backend Development 或 UI 密集型應用做快速、程式碼層級的診斷時，可以使用這份 makepad-2.0-troubleshooting 指南。

makepad-2.0-theme 是一個用於套用 theme.* 變數、切換深色與淺色主題，並維持設計 token 風格一致性的 Makepad 2.0 主題技能。這份指南可幫助你了解 makepad-2.0-theme 的安裝與使用方式，適用於正式產品 UI 與設計系統。

makepad-2.0-splash 是一個 Makepad 2.0 Splash 技能，用於在 `script_mod!{}` 中撰寫可正確執行的 runtime UI scripts，並妥善處理 state、event wiring、hot reload 流程與 Canvas 驅動的 app 模式。當你需要清楚的語法、安裝指引，以及前端開發任務中的實作範例時，可使用這份 makepad-2.0-splash 指南。

makepad-2.0-shaders 是一個用於撰寫與除錯 Makepad 2.0 shader 程式碼的前端開發技能。適合處理 `pixel: fn()` 與 `vertex: fn()` 區塊、Sdf2d 圖形、自訂元件繪製、預乘 alpha，以及實際的安裝與使用指引。

makepad-2.0-performance 是一份聚焦於 Makepad 2.0 效能與除錯的實用指南。它可協助診斷 draw batching、render triggers、GC 行為、隱形文字、UI 凍結與捲動卡頓等問題。當你需要與真實渲染問題直接相關的 makepad-2.0-performance 使用方式、安裝與疑難排解步驟時，這份內容特別適合參考。

makepad-2.0-migration 是一項實用技能，專門用來將 Makepad 專案從 1.x 遷移到 2.0。它能協助你把 `live_design!` 轉為 `script_mod!`、更新 derives 與生命週期 hooks，並以聚焦的 makepad-2.0-migration 指南降低升級時的猜測成本，特別適合重視實作細節的升級情境。

makepad-2.0-layout 是一個 Makepad 2.0 版面配置技能，用來把 UI 構想轉成可用的 Walk 與 Layout 程式碼。它能協助處理尺寸、流向、間距、內距、對齊，以及捲動容器行為，並提供實作設計、安裝與使用上的實務指引。當你需要的是 Makepad 專屬的版面決策，而不是通用的 CSS 建議時，這個技能特別適合使用。