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 bindings，并提供清晰的 makepad-2.0-dsl 安装与使用指南。

makepad-2.0-design-judgment 是首个用于设计判断、架构、组件边界、数据流和渲染策略的 Makepad 2.0 技能。使用 makepad-2.0-design-judgment skill 将请求路由到合适的 Makepad 合规技能，并在实现前做出更好的设计决策。

面向 Makepad 2.0 应用结构、Rust + Splash 集成、热重载和应用引导的 makepad-2.0-app-structure 技能指南。了解如何安装 makepad-2.0-app-structure、阅读核心参考资料，并将其用于前端开发，无需再猜测样板代码。

makepad-2.0-widgets 帮助你为 UI 设计实现找到合适的 Makepad 2.0 widgets、properties 和 composition patterns。适用于需要查询 makepad-2.0-widgets 用法、查找 widget 目录，或获取用 Splash 语法构建布局、列表、对话框及高级模式的实用指南时。

makepad-2.0-vector 是一款面向 SVG 风格 UI 设计工作的 Makepad 2.0 Vector 图形技能。可用于通过 `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 是一套面向 Makepad 2.0 的主题技能，用于应用 `theme.*` 变量、切换深色/浅色主题，并保持设计 token 的样式一致性。本指南可帮助你了解 makepad-2.0-theme 的安装与用法，适用于生产级 UI 和设计系统。

makepad-2.0-splash 是一个 Makepad 2.0 Splash 技能，用于在 `script_mod!{}` 中编写有效的运行时 UI 脚本，支持可靠的状态处理、事件绑定、热重载流程以及基于 Canvas 的应用模式。当你需要清晰语法、安装指引和面向前端开发任务的实用用法时，可以参考这份 makepad-2.0-splash 指南。

makepad-2.0-shaders 是一个用于编写和调试 Makepad 2.0 shader 代码的前端开发技能。适用于 pixel: fn() 和 vertex: fn() 代码块、Sdf2d 图形、自定义组件绘制、premultiplied 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!`，更新 derive 和生命周期钩子，并通过一份聚焦的 makepad-2.0-migration 指南减少实现型升级中的试错成本。

makepad-2.0-layout 是一项 Makepad 2.0 布局技能，用于把 UI 想法转换为有效的 Walk 和 Layout 代码。它能帮助处理尺寸、流式布局、间距、内边距、对齐以及滚动容器行为，并为设计实现、安装和使用提供实用指导。当你需要的是 Makepad 特定的布局决策，而不是通用的 CSS 建议时，就该用它。