用途：该技能针对 Makepad 着色器系统，适合需要编写或调试 Makepad shader 代码、自定义绘制、基于 SDF 的视觉效果的场景，涉及 draw_bg、Sdf2d、渐变、特效或 GPU 渲染控件外观时使用。它提供 Makepad 特有的着色器模式与 API，而非通用 GLSL 建议。
主要能力：讲解 Makepad 着色器语言（类 Rust 语法，编译为 GPU 代码）、Sdf2d 与内置函数。文档含 ./references/shader-basics.md（着色器语言基础）与 ./references/sdf2d-reference.md（完整 Sdf2d API 参考）；_base/ 下有模式示例：01-shader-structure、02-shader-math、03-sdf-shapes、04-sdf-drawing、05-progress-track、09-loading-spinner、10-hover-effect、11-gradient-effects、12-shadow-glow、13-disabled-state、14-toggle-checkbox，另有 ./community/ 社区贡献。
必要用法与关键要点：启用背景着色器需 show_bg: true；用 Sdf2d::viewport() 创建 SDF 上下文；fn pixel(self) 返回 vec4（RGBA）；uniforms 需在着色器函数前声明；用 self. 前缀访问 uniform 与内置变量。内置变量如 self.pos、self.rect_size、self.rect_pos。Sdf2d 提供 shapes（circle、rect、box、hexagon）、paths（move_to、line_to、close_path）、fill/stroke（fill、fill_keep、stroke、stroke_keep）、boolean（union、intersect、subtract）、transform（translate、rotate、scale）、effects（glow、glow_keep、gloop）。可用 GLSL ES 1.0 内置函数（abs、min、max、clamp、sin、cos、mix、smoothstep、length、distance、dot、normalize、pow、sqrt 等）。
限制：本目录文案为内联指导，不包含上述 supporting paths 文件，属于外部前置条件而未随附；使用依赖这些路径的步骤前需先获取原始支撑材料或已有安装。不要在所需文件不存在时运行命令或声称已按引用流程执行，也不要伪造脚本或用同名文件替代。文档不完整时（读取失败或为空）建议运行 /sync-crate-skills makepad --force 更新文档。仅当任务明确匹配上述范围时使用；输出不能替代环境相关的验证、测试或专家审查；缺少必要输入、权限、安全边界或成功标准时应暂停并请求澄清。