Agent Skills
› ZhangHanDong/makepad-skills
ZhangHanDong/makepad-skills
GitHubMakepad 2.0动画系统技能，指导配置Animator实现悬停、过渡及循环效果。明确支持/不支持的组件列表，规范组与状态结构，强调需查阅本地参考文档以确保准确性。
Install All Skills
npx skills add ZhangHanDong/makepad-skills --all -g -y
Skills in Collection (14)
Makepad 2.0动画系统技能，指导配置Animator实现悬停、过渡及循环效果。明确支持/不支持的组件列表，规范组与状态结构，强调需查阅本地参考文档以确保准确性。
makepad animation
hover effect
animation state
animator
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-animation -g -y
提供 Makepad 2.0 应用结构、Rust 与 Splash 集成、生命周期管理及热重载配置指导，涵盖脚手架搭建与核心代码模板。
makepad app
app_main!
App::run
Splash script
hot reload
wasm deploy
audio plugin
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-app-structure -g -y
掌握 Makepad 2.0 DSL 语法，涵盖 script_mod!、冒号属性赋值、命名实例 :=、合并操作符 +:、点路径及 let 绑定等核心特性。
makepad dsl
script_mod!
makepad syntax
colon syntax
merge operator
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-dsl -g -y
Makepad 2.0 布局系统技能，指导使用 Walk/Layout 机制进行界面排版。涵盖尺寸设置、对齐、间距及滚动视图配置，重点解决高度适配陷阱。
makepad layout
makepad width
makepad height
makepad flex
makepad flow
makepad padding
makepad margin
makepad spacing
makepad align
makepad sizing
Fill
Fit
Inset
Flow.Down
Flow.Right
ScrollXView
ScrollYView
布局
对齐
间距
填充
排版
滚动视图
尺寸
宽度
高度
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-layout -g -y
指导将Makepad框架从1.x版本迁移至2.0版本，涵盖语法转换、宏更新及生命周期方法重命名等关键步骤。
makepad migration
makepad upgrade
旧语法
makepad breaking changes
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-migration -g -y
用于Makepad 2.0性能优化与调试，涵盖渲染批处理、GC及UI卡顿等问题排查。
makepad performance
render optimization
performance
debugging
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-performance -g -y
Makepad 2.0 着色器技能，用于指导自定义 UI 绘制。涵盖像素/顶点着色器编写、SDF2D 距离场绘图、变量类型及 Alpha 预乘规范，支持 Sdf2d、draw_bg 等渲染场景。
makepad shader
Sdf2d
pixel shader
draw_bg
draw_text
draw_quad
makepad gpu
着色器
像素
渲染
自定义绘制
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-shaders -g -y
Makepad 2.0 主题系统技能，指导通过 theme.* 变量配置颜色、字体和间距，实现暗色/亮色模式切换及视觉一致性。
makepad theme
theme variable
dark mode
light mode
theme switching
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-theme -g -y
Makepad 2.0 Vector 图形组件技能，支持 SVG 路径、形状、渐变、滤镜及 Tween 动画的渲染与开发。
makepad vector
SVG path
矢量图形
vector animation
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-vector -g -y
提供 Makepad 2.0 UI 组件库的参考文档，涵盖容器、文本、按钮等控件的属性与用法，辅助开发者快速构建界面。
查询 Makepad 组件属性
UI 布局实现咨询
查找特定控件用法
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-widgets -g -y
Makepad 2.0 GUI开发的入口技能，提供设计决策的概念锚点与路由指引。作为质量阀门，协调底层语法技能并指导状态管理、组件拆分等架构设计，确保开发符合最佳实践。
makepad 架构咨询
组件拆分与状态管理
数据流与渲染思维
设计决策与最佳实践
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-design-judgment -g -y
处理 Makepad 2.0 应用中的事件与动作，涵盖 Splash 层内联回调（点击、渲染等）及 Rust 层 MatchEvent 逻辑，支持跨层状态同步与 UI 交互。
用户界面交互（点击、输入、滑动等）
动态渲染触发
Rust 层业务逻辑与外部 I/O 处理
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-events -g -y
Makepad 2.0 核心运行时 UI 脚本语言 Splash 的语法、状态管理及事件处理指南，支持热重载与流式评估。
splash language
makepad script
script_mod!
splash syntax
hot reload
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-splash -g -y
针对 Makepad 2.0 及 Splash 脚本的故障排除与常见错误指南，涵盖 UI 不显示、编译失败、渲染异常等问题，提供症状、根因及修复代码。
makepad error
text invisible
compile error
常见错误
问题排查
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-troubleshooting -g -y
