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
AnimatorState
hover effect
animation state
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-animation -g -y
提供Makepad 2.0应用结构、Rust与Splash脚本集成、事件处理及热重载配置的指南，包含完整脚手架模板和核心组件说明。
Makepad应用开发
Rust与Splash集成
应用启动配置
热重载设置
WASM部署
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-app-structure -g -y
提供Makepad 2.0 DSL语法指导，涵盖script_mod!、属性冒号赋值、命名实例、合并运算符及模板复用等核心特性，辅助开发者正确构建UI组件。
询问Makepad DSL语法细节
解决Makepad UI布局或属性配置问题
需要生成Makepad脚本模块代码
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-dsl -g -y
Makepad 2.0布局系统指南，详解基于Turtle的Walk与Layout机制。涵盖尺寸控制（Fill/Fit）、间距对齐及关键陷阱（如height: Fit必要性），提供代码示例以解决常见UI渲染问题。
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
live_design to script_mod
旧语法转新语法
LiveHook to ScriptHook
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-migration -g -y
针对Makepad 2.0的性能优化与调试技能，涵盖绘制批处理、垃圾回收及渲染触发机制，解决UI卡顿、文字不可见等问题。
性能优化
调试渲染问题
内存/GC分析
绘制批处理配置
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-performance -g -y
提供 Makepad 2.0 GPU 着色器开发指南，涵盖像素/顶点着色器语法、SDF2D 图形绘制及变量管理。指导开发者在自定义 UI 组件中实现高性能渲染与视觉效果。
Makepad 着色器开发
SDF2D 图形绘制
像素着色器编写
自定义 UI 渲染
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-shaders -g -y
Makepad 2.0 主题系统技能，指导如何配置暗色/亮色模式、使用设计令牌及加载顺序。
makepad theme
dark mode
light mode
theme switching
mod.themes
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-theme -g -y
Makepad 2.0 Vector 图形组件技能，支持 SVG 路径、形状、渐变、滤镜、变换及 Tween 动画。用于在 Splash 中渲染矢量图形，提供内联定义和外部文件加载方式。
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 组件库的参考文档，涵盖容器、文本、按钮等控件的属性与用法。用于指导用户构建界面时正确选择和配置各类 Widget。
查询 Makepad 2.0 组件属性
查找特定 UI 控件用法
了解视图布局方式
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-widgets -g -y
Makepad 2.0 GUI开发的设计判断入口技能，提供路由与概念锚点。作为质量阀门，约束层引导至具体语法技能，释放层辅助架构决策如状态管理与数据流，确保设计合理性。
makepad架构与设计咨询
组件拆分与状态管理决策
如何组织GUI结构
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-design-judgment -g -y
Makepad 2.0事件与动作处理技能，涵盖Splash层内联回调和Rust层MatchEvent机制，支持UI交互、状态更新及跨层通信。
makepad event
on_click
handle_actions
script_eval!
用户界面交互
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-events -g -y
Makepad 2.0 Splash脚本语言技能，支持UI开发、热重载及Rust集成。用于处理Splash语法解析、状态管理、事件响应及AI代码生成场景。
splash language
makepad script
script_mod!
hot reload
splash syntax
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-splash -g -y
针对Makepad 2.0及Splash语言的常见陷阱与故障排除指南，涵盖UI不可见、编译错误、热重载失败等问题，提供症状分析、根因解释及修复代码。
makepad error
widget not showing
compile error
hot reload not working
常见错误
问题排查
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-troubleshooting -g -y
