makepad-2.0-vector
作者 ZhangHanDongmakepad-2.0-vector 是一個用於 SVG 風格 UI 設計的 Makepad 2.0 向量圖形技能。可用來透過 Vector{} 或 Svg{} 建立俐落的圖示、徽章、插圖、漸層、濾鏡、變形與動畫向量元素。這份指南可協助你安裝 makepad-2.0-vector，並取得較接近可直接實作的輸出，減少猜測。
這個技能的評分為 78/100，代表它是相當扎實的目錄候選項，對需要 Makepad 2.0 Vector／SVG 風格圖形指引的代理人具有實際操作價值。目錄使用者會看到足夠的觸發詞與 API 細節來判斷是否安裝，不過整體更偏向參考文件，缺少一些從導入到落地的配套輔助。
- 觸發性強：描述中明確列出 makepad vector、SVG path、gradient、tween、filter、vector animation 等目標提示。
- 操作深度不錯：正文內容充實，參考檔涵蓋形狀、樣式、變形、濾鏡與動畫，並附有具體範例。
- 循序揭露設計實用：SKILL.md 會指向專門的本地參考檔，幫助代理人從總覽銜接到更細的 API 用法。
- SKILL.md 沒有安裝指令或設定說明，因此使用者可能需要自行推敲如何把這個技能接進工作流程。
- 描述非常精簡，而且儲存庫以文件為主，所以代理人在處理邊界情況或多步驟任務時，仍可能需要人工判讀。
makepad-2.0-vector 技能總覽
makepad-2.0-vector 是用來做什麼的
makepad-2.0-vector 技能可協助你在 Splash 中處理 Makepad 2.0 向量圖形 widgets，當你需要類似 SVG 的繪圖能力時特別有用。它最適合 UI Design 工作，因為像是清晰的圖示、徽章、插圖，以及動畫向量元素，都需要在放大縮小時維持銳利、不失細節。
誰適合安裝它
如果你正在建立 Makepad UI 元件、把 SVG 概念轉成 Makepad 語法，或是希望一次就正確渲染 paths、gradients、filters 與 transforms，就適合安裝 makepad-2.0-vector 技能。當你想要的是可直接實作的程式碼，而不是泛泛的向量設計建議，這個技能尤其合適。
它和其他工具有什麼不同
這個技能聚焦在 Vector{} 和 Svg{} 工作流程，包括 inline 向量定義、外部 SVG 載入，以及透過 Tween 做屬性動畫。這讓它比一般設計提示更具體：在你開始寫 UI 之前，它就能幫你選對 widget、座標系與樣式做法。
如何使用 makepad-2.0-vector 技能
安裝並載入技能
先依照目錄的標準安裝流程執行 makepad-2.0-vector install 步驟，然後先打開 SKILL.md。repo 本身的指引會把你導向 references/vector-reference.md 取得更完整的 API 細節，所以請把那個檔案視為屬性名稱、支援圖形與動畫行為的最終依據。
從正確的輸入開始
最好的 makepad-2.0-vector usage 不是一句模糊的「畫個東西」，而是先講清楚具體目標。請說明要做的資產、預期尺寸、來源是 SVG 檔還是只有粗略構想，以及你需要的是靜態渲染還是動畫。舉例來說：「用 Vector{} 在 Makepad 製作一個 24px 工具列圖示，線條要圓角、填色透明，且不要依賴外部檔案。」
依照這個順序閱讀 repo
建議用這條精簡閱讀路徑：先看 SKILL.md 理解用途與觸發範圍，再看 references/vector-reference.md 的屬性表、常見圖形與 transform/filter 細節。如果你在 inline 圖形與檔案式資產之間猶豫，先看「Basic Usage」與樣式屬性段落；它們對輸出品質的影響，遠比行銷式摘要大得多。
會直接改變結果的提示方式
請明確提到 viewbox、最終像素尺寸、stroke/fill 的預期，以及你希望輸出的是 Path、Rect、Circle 還是 Svg。如果你是在轉換既有 SVG，請附上原始 viewBox，還有哪些部分必須保留可編輯，因為這會決定 assistant 應該維持結構還是簡化結構。如果動畫很重要，也要說明哪些屬性需要 tween，避免系統自行猜測。
makepad-2.0-vector 技能 FAQ
makepad-2.0-vector 只適合 SVG 匯入嗎？
不是。makepad-2.0-vector 技能同時涵蓋用 Vector{} 做 inline 向量組合，以及透過 Svg{} 使用外部 SVG。它不只適合檔案轉換，也適合全新的 UI 圖像製作。
什麼情況下不該使用它？
如果你只需要點陣圖、照片編修，或與向量渲染無關的版面邏輯，就不該用 makepad-2.0-vector。如果你想討論的是高層次設計概念，但不需要任何 Makepad 專用輸出，它也不是好選擇。
這個技能適合新手嗎？
適合，只要你能把目標描述清楚。這個技能會把常見的向量任務對應到 Makepad 語法，降低猜測成本；但新手仍然需要提供尺寸、座標空間與視覺限制，才能避免結果太模糊。
它對 UI Design 工作流程有幫助嗎？
有。對於 makepad-2.0-vector for UI Design 來說，它特別適合可縮放圖示、元件強調效果、動畫狀態，以及需要精準視覺微調的場景，尤其是 stroke、gradient 與 transform 細節很重要的時候。
如何改進 makepad-2.0-vector 技能
給 assistant 更完整的視覺簡報
最有效的改善方式，是把這個圖形在 UI 裡必須達成的功能說清楚：例如 active/inactive 狀態、主題色、目標密度，以及是否要符合某個 design system。弱的簡報會說「做得好看一點」；強的簡報會說「做一個 16px 的 outline 圖示，放在深色工具列上，帶一個重點漸層，且內部不要填滿」。
有原始幾何資料就提供
如果你手上已經有 SVG、圖示座標或草圖，請一併附上。這樣 makepad-2.0-vector 技能就能更忠實地保留比例、簡化 paths，或翻譯圖形，而不是從零憑空生出幾何結構。
注意最常見的失敗模式
最常見的問題是缺少 viewbox、stroke 規則不清楚，以及一個提示詞裡混了多種渲染目標。如果第一次結果看起來不對，請把簡報收斂到尺寸、fill 和 stroke 的取捨，以及哪些元素必須維持可編輯。
用限制式修改來反覆調整
拿到第一版輸出後，一次只要求一個變更：調整 stroke 寬度、統一座標空間、替換 gradient，或把某個圖形轉成 Path。這樣可以讓 makepad-2.0-vector 技能更貼近原始意圖，通常也能產出比整體重寫更乾淨的 Makepad 程式碼。