ZhangHanDongCommunity·33 Agent Skills Included

makepad-skills

Build cross-platform Makepad 2.0 apps with AI-guided skills

Guides AI agents through building cross-platform UI applications with the Makepad 2.0 Rust framework and its Splash scripting language. Covers app structure, layout, widgets, events, animations, shaders, themes, vector graphics, performance tuning, and 1.x to 2.0 migration. Eliminates common pitfalls like invisible containers, broken text rendering, and wrong syntax with tested fixes and working code patterns.

747|87

↗

npx skills add ZhangHanDong/makepad-skills --all -g -y

Available:

Instructs the AI agent to load the design-judgment skill first for any Makepad question, then route to the correct specialized sub-skill based on keywords like layout, shaders, events, or migration.

All Skills in This Repository (33)

Pure Emerald Level Indicators

📦 In Repo

ZhangHanDong

makepad-reference

Provide Makepad troubleshooting and reference content for errors, debugging, and API usage.

makepad-shaders

Automate Makepad shader learning and creation with guided patterns and references.

makepad-dsl

Assist developers in writing and understanding Makepad DSL syntax and inheritance for widget definitions.

makepad-layout

Provides Makepad layout patterns with DSL snippets for vertical, header, and grid designs.

makepad-event-action

Implements Makepad event handling and widget-to-parent action emission via cx.action and capture_actions.

makepad-platform

Explain Makepad platform backends and conditional compilation across operating systems.

robius-state-management

Implement central state stores and Scope::with_data propagation in Robius Makepad apps.

robius-widget-patterns

Implement reusable Makepad widget patterns for overlays, modals, and lists.

makepad-widgets

Publish a Makepad Widgets Skill with YAML frontmatter for AI discovery.

molykit

Provide cross-platform AI chat UI toolkit and patterns for Makepad apps.

makepad-basics

Bootstrap a Makepad app with App struct lifecycle and LiveRegister setup.

makepad-splash

Embed Splash code via script! and evaluate it with cx.eval in Makepad apps.

Community

Advanced

Frequently Asked Questions

FAQPage Schema

How to install makepad-skills?▼

Run `npx skills add ZhangHanDong/makepad-skills --all -g -y` in your terminal to install all 14 Makepad 2.0 skills globally.

What is Makepad 2.0?▼

Makepad 2.0 is a Rust framework for building cross-platform UI applications, using the Splash scripting language for hot-reloadable, GPU-rendered interfaces.

How do I migrate from Makepad 1.x to 2.0?▼

The makepad-2.0-migration skill maps every old pattern to the new one, covering the live_design to script_mod macro change, derive renames, and syntax updates.

Why is my Makepad UI invisible?▼

The most common cause is missing `height: Fit` on containers, since the default Fill height resolves to 0px; the troubleshooting skill covers this and other frequent bugs.

Does makepad-skills work with Claude Code?▼

Yes. All skills follow the standard SKILL.md format and work in Claude Code and other compatible AI coding agents, with CLAUDE.md handling automatic skill routing.