Agent Skills
› ZhangHanDong/makepad-skills
ZhangHanDong/makepad-skills
GitHubMakepad 2.0 动画系统技能，支持悬停、过渡及循环效果。涵盖 Animator 结构、分组状态、缓动函数及组件兼容性检查，指导正确实现 UI 动画交互。
Install All Skills
npx skills add ZhangHanDong/makepad-skills --all -g -y
Skills in Collection (14)
Makepad 2.0 动画系统技能，支持悬停、过渡及循环效果。涵盖 Animator 结构、分组状态、缓动函数及组件兼容性检查，指导正确实现 UI 动画交互。
makepad animation
AnimatorState
hover effect
动画状态
ease function
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-animation -g -y
提供 Makepad 2.0 应用结构指导，涵盖 Rust 与 Splash 脚本集成、生命周期管理及热重载部署。适用于新项目脚手架搭建和基础架构配置。
Makepad 应用初始化
Rust 与 Splash 集成
项目脚手架生成
热重载配置
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-app-structure -g -y
针对 Makepad 2.0 DSL 语法的开发辅助技能，涵盖 script_mod! 宏、属性赋值、命名实例、合并及扩散操作符等核心语法规则与最佳实践。
Makepad 2.0 DSL 语法查询
Makepad 属性系统配置
script_mod! 宏使用问题
Makepad 组件注册与绑定
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-dsl -g -y
Makepad 2.0 布局系统指南，详解基于 Turtle 的 Walk（尺寸）与 Layout（排列）机制，涵盖 Fill/Fit/固定值及约束用法，重点警示 height: Fit 以避免容器不可见 Bug。
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，涵盖宏、派生宏、生命周期方法及 DSL 语法的转换规则与步骤。
makepad migration
makepad upgrade
makepad 迁移
旧语法
LiveHook to ScriptHook
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-migration -g -y
针对 Makepad 2.0 的性能优化与调试技能，涵盖渲染批处理、垃圾回收及 UI 卡顿修复。
性能优化
调试
渲染问题
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-performance -g -y
指导 Makepad 2.0 自定义 GPU 着色器开发，涵盖像素/顶点着色器结构、变量类型及 SDF2D 图形绘制操作，强调预乘 Alpha 等关键规范。
Makepad shader 相关查询
Sdf2d 绘图需求
像素或顶点着色器编写
自定义绘制逻辑实现
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-shaders -g -y
提供 Makepad 2.0 主题系统使用指南，涵盖 dark/light/skeleton 内置主题配置、theme_mod 加载顺序及 theme.* 设计变量（颜色、字体、间距）的最佳实践。
makepad theme
dark mode
light mode
theme switching
theme color
theme font
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-theme -g -y
用于在Makepad 2.0框架中渲染矢量图形，支持SVG路径、形状、渐变、滤镜、变换及Tween动画，提供内联定义与外部加载两种方式。
makepad vector
Vector widget
SVG path
矢量图形
vector animation
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-vector -g -y
提供 Makepad 2.0 UI 组件库的参考文档，涵盖容器、文本、按钮、输入等控件的属性与用法。
查询 Makepad 组件属性
使用 Makepad View/Button/Label 等构建界面
查找 Makepad 控件参考文档
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-widgets -g -y
Makepad 2.0 GUI开发的设计决策引导技能，作为入口层提供概念锚点。负责将问题路由至具体的语法/API合规技能，并在架构、状态管理和数据流等设计问题上提供指导原则，确保代码结构合理。
makepad架构咨询
组件拆分与状态管理决策
数据流设计最佳实践
GUI布局与设计思路询问
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-design-judgment -g -y
Makepad 2.0事件与动作系统技能，涵盖Splash层内联回调（如on_click/render）及Rust层MatchEvent处理。支持UI交互、状态更新及跨层通信宏，用于实现按钮点击、渲染刷新等前端交互逻辑。
makepad event
handle_event
on_click
on_render
script_eval!
button clicked
TextCopy
popup window events
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-events -g -y
Makepad 2.0 Splash 脚本语言技能，涵盖语法、状态管理、事件处理及与 Rust 集成。用于 UI 开发、热重载和流式评估。
splash language
makepad script
script_mod!
hot reload
Splash 脚本
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-splash -g -y
针对Makepad 2.0框架的故障排除技能，涵盖布局高度为零、文本不可见、编译错误等常见陷阱。提供症状分析、根因解释及修复代码，辅助开发者快速定位并解决UI渲染和脚本问题。
makepad error
widget not showing
compile error
text invisible
hot reload not working
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-troubleshooting -g -y
