makepad-2.0-vector
作者 ZhangHanDongmakepad-2.0-vector 是一款面向 SVG 风格 UI 设计工作的 Makepad 2.0 Vector 图形技能。可用于通过 `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 矢量图形组件，尤其适合需要类似 SVG 绘制能力的场景。它最适合 UI Design 工作：当你需要清晰的图标、徽章、插画和动画矢量元素，并希望它们在缩放时仍保持锐利、不丢细节时，这个技能会特别有用。
适合谁安装
如果你正在构建 Makepad UI 组件、把 SVG 概念转换成 Makepad 语法，或者希望第一次就把路径、渐变、滤镜和变换正确渲染出来，那么就该安装 makepad-2.0-vector 技能。它很适合你想让助手直接产出可落地实现的代码，而不是泛泛的矢量设计建议。
它的不同之处
这个技能聚焦于 Vector{} 和 Svg{} 工作流，包括内联矢量定义、外部 SVG 加载，以及用 Tween 做属性动画。相比通用设计提示，它更具体，也更有针对性：在你写 UI 之前，它就能帮你选对组件、坐标系和样式方案。
如何使用 makepad-2.0-vector 技能
安装并加载技能
按目录里的标准安装流程执行 makepad-2.0-vector install 步骤，然后先打开 SKILL.md。仓库自己的说明会把你引向 references/vector-reference.md 这份详细 API 文档，因此应把它当作属性名、支持的形状以及动画行为的最终依据。
从正确的输入开始
最好的 makepad-2.0-vector usage 不是笼统地说“画点东西”，而是先给出明确目标。说明目标资源、预期尺寸、源素材是 SVG 文件还是一个粗略想法，以及你需要静态渲染还是动画。例如：“用 Vector{} 在 Makepad 里创建一个 24px 工具栏图标，使用圆角描边、透明填充，并且不要依赖外部文件。”
按这个顺序阅读仓库
建议按这个简短路径阅读：先看 SKILL.md，了解意图和触发范围；再看 references/vector-reference.md，查看属性表、常见形状以及变换/滤镜细节。如果你在内联图形和基于文件的资源之间做选择，先看 “Basic Usage” 和样式属性相关章节；它们对输出质量的影响，往往比营销式概述更大。
会明显改变结果的提示方式
要提到 viewbox、最终像素尺寸、描边/填充预期，以及你希望输出 Path、Rect、Circle 还是 Svg。如果你在转换已有 SVG，请附上原始 viewBox，以及哪些部分必须保持可编辑，因为这决定助手应保留结构还是做简化。如果动画很重要，也要明确哪些属性需要 tween，这样助手不会自己猜。
makepad-2.0-vector 技能常见问题
makepad-2.0-vector 只是用于导入 SVG 吗？
不是。makepad-2.0-vector 技能既支持用 Vector{} 做内联矢量组合，也支持通过 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 技能
给助手更清晰的视觉简报
最有效的改进来自对图形在 UI 中“要完成什么任务”的明确说明：是激活态还是非激活态、主题色是什么、目标像素密度是多少、是否需要符合某个 design system。弱的简报会说“做得好看点”；更强的简报会说“做一个 16px 的深色工具栏线框图标，带一处强调渐变，内部不要填充”。
如果你有源几何信息，就直接提供
如果你已经有 SVG、图标坐标，或者草图，就把它一并给出。这样 makepad-2.0-vector 技能就能保留比例、简化路径，或者更忠实地翻译形状，而不是从零猜几何关系。
注意常见失败模式
最常见的问题是漏掉 viewbox、描边规则不清楚，以及一个提示里混进了多种渲染目标。如果第一次结果不对，就把简报收紧到尺寸、填充与描边的区别，以及哪些元素必须保持可编辑。
通过受约束的迭代来调整
第一次输出后，建议一次只要求改一处：调整描边宽度、统一坐标空间、替换渐变，或者把某个形状转换成 Path。这样可以让 makepad-2.0-vector 技能始终贴近原始意图，通常也比整段重写更容易得到干净的 Makepad 代码。