ZhangHanDong/makepad-skills
Modular skills for AI-guided cross-platform UI development in Makepad 2.0.
View on GitHub Updated 2026-06-16
What is ZhangHanDong/makepad-skills?
Makepad 2.0 Skills is a curated set of 14 AI agent skills that provide structured guidance for creating cross-platform user interfaces. The skills break down core concepts such as layout systems, event handling, vector graphics, and theme management into digestible units that agents can reference on demand.
Agents activate the skills by loading them into their working context, starting with the design judgment entry point before adding specialized modules. This approach lets the AI apply consistent mental models around GPU rendering, the Elm architecture, and hot-reload workflows while generating or debugging Makepad code.
The package targets developers who use AI coding assistants and want reliable, Makepad-specific expertise without repeatedly explaining framework details. It also includes migration notes for users transitioning from earlier Makepad versions.
Capabilities
setup makepad projects
implement ui patterns
write custom shaders
package rust apps
troubleshoot makepad issues
What you can build with ZhangHanDong/makepad-skills
Scaffolding a new application
Load the design judgment and app-structure skills first to establish proper Cargo setup, ScriptVm configuration, and main entry points before adding widgets.
Implementing custom shaders and animations
Combine the shaders, animation, and vector skills to generate DrawQuad logic, ease functions, and SDF-based backgrounds with consistent performance considerations.
Debugging layout and event issues
Use the layout, events, and troubleshooting skills together to diagnose Flow/Fill behavior, hit testing, and common migration pitfalls from Makepad 1.x.
Install ZhangHanDong/makepad-skills
- 1Clone or download the makepad-skills repository to a local folder.
- 2Add the folder path to additionalWorkingDirectories in your .claude/settings.json file.
- 3Alternatively, create symlinks from the skills directory into ~/.claude/skills/.
- 4Begin every session by loading makepad-2.0-design-judgment, then add other modules as needed.
- 5Reference the migration skill when updating older Makepad projects to 2.0 patterns.
ZhangHanDong/makepad-skills: pros & cons
Pros
- +Covers the full Makepad 2.0 stack from DSL to performance tuning
- +Modular design lets agents load only relevant knowledge
- +Includes practical debugging and migration guidance
- +Open source under MIT with clear installation paths
Cons
- –Only works with Claude-style agents that support skill directories
- –Focused exclusively on Makepad 2.0; v1 content lives on a separate branch
- –Requires manual directory setup rather than a one-command install
Did you find this helpful?
Frequently asked questions
Always start with makepad-2.0-design-judgment to establish the core mental models before adding other modules.
User reviews
Verified reviews from the community shape this listing's rating.
Loading reviews…
Similar agents
Other agent skills options worth comparing.
